Styling cheatsheet

Shared page styling

All pages are structured in the following CSS class structure

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

Content can easily be wrapped around the "TempusServaPage" by use of wrappers

Command bases styling

List mode

• TempusServaPage
  • tableListHeader
  • viewList
    • tableList
      • tr (header)
        • (field names)
      • tr [repeat]
        • (field values)
    • pager
      • pagerLink
      • pagerPagesize

type	class	content
tr	customStyle_[item status name]	Container for a single record line

Variant views

• TempusServaPage
  • tableListHeader
  • tableStatistics
    • tableList

• TempusServaPage
  • tableListHeader
  • tableStatistics
    • tableList

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