Difference between revisions of "Styling cheatsheet"

From TempusServa wiki
Jump to navigation Jump to search
old>Admin
old>Admin
Line 33: Line 33:
!type
!type
!class
!class
!id
!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

Shared page styling

All pages are structured in the following CSS class structure

  • TempusServaPage (root)
    • menuList
      • menuItem
    • [tableForm|tableList|tableMaster] (content type)
      • ...

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
type class content
tr customStyle_[item status name] Container for a single field

Item mode

...

  • tableForm
    • tbody [repeat]
      • fieldLabel
      • fieldValue
      • fieldNotes


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

Other element styling