Difference between revisions of "Styling cheatsheet"
Jump to navigation
Jump to search
old>Admin |
old>Admin |
||
Line 33: | Line 33: | ||
!type | !type | ||
!class | !class | ||
!content | !content | ||
|- | |- | ||
Line 39: | Line 38: | ||
|tr | |tr | ||
|customStyle_[item status name] | |customStyle_[item status name] | ||
|Container for a single field | |Container for a single field | ||
|- | |- |
Revision as of 10:54, 6 March 2013
All pages are structured in the following CSS class structure
- TempusServaPage (root)
- menuList
- menuItem
- [tableForm|tableList|tableMaster] (content type)
- ...
- menuList
Content can easily be wrapped around the "TempusServaPage" by use of wrappers
Command bases styling
Menu mode
Simple / Standard
Advanced / Accordion
List mode
...
- viewList
- tableList
- tr (header)
- tr [repeat]
- pager
- pagerLink
- pagerPagesize
- tableList
type | class | content |
---|---|---|
tr | customStyle_[item status name] | Container for a single field |
Item mode
...
- tableForm
- tbody [repeat]
- fieldLabel
- fieldValue
- fieldNotes
- tbody [repeat]
type | class | id | content |
---|---|---|---|
tbody | PAGE_[field PageID] | Container for a single field | |
div | FieldLabel | NB_[system fieldname] | Label for field |
div | FieldValue | VB_[system fieldname] | Value of field / Input for field |