Difference between revisions of "Styling cheatsheet"

From TempusServa wiki
Jump to navigation Jump to search
old>Admin
old>Admin
Line 24: Line 24:
...
...
* tableForm
* tableForm
** [repeat]
** tbody [repeat]
*** fieldLabel  
*** fieldLabel  
*** fieldValue
*** fieldValue
Line 33: Line 33:
{|
{|


!class
!content
!content
|class
!id
!id
|-
|-


|FieldLabel
|Label for field
|Label for field
|FieldLabel
|NB_[system fieldname]
|NB_[system fieldname]
|-
|-


|FieldValue
|Value of field / Input for field
|Value of field / Input for field
|FieldValue
|VB_[system fieldname]
|VB_[system fieldname]
|-
|-

Revision as of 10:33, 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

Item mode

...

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


class content id
FieldLabel Label for field NB_[system fieldname]
FieldValue Value of field / Input for field VB_[system fieldname]

Other element styling