DocuNECT Web Style Guidelines
Date: 09/15/2014
Applies to Version: v4.5, v4.6, v4.7 and v4.8
This document presents the CSS files and classes that set the colors for a given UI item of the DocuNECT Web application.
Item: Tabs Level 1
Ex: Home | Data | Inbox | Documents | Upload
CSS file: header.css
CSS Class | Description |
table.tabsLevel1 td.enabled | The tab item. |
table.tabsLevel1 td.enabled a | The anchor displayed on the tab item. |
table.tabsLevel1 td.active | The selected tab item. |
table.tabsLevel1 td.active a | The anchor displayed on the selected tab item. |
table.tabsLevel1 td.leftfill | The invisible cell that fills the space at the left of the tabs. |
table.tabsLevel1 td.rightfill | The right-side margin of the tabs. |
Item: Tabs Level 2
Ex: Stations | Connectors | Roles | Users …
CSS file: header.css
CSS Class | Description |
td.TabsLevel2 | The tab item. |
a.tabLevel2 | The anchor displayed on a tab item. |
a.activeTabLevel2 | The anchor displayed on a selected tab item. |
SeparatorLevel2 | The tabs separator (span). |
Item: Inner Tabs
Ex: Records | Columns in the page Data/View Table.
CSS file: innerTabControl.css
CSS Class | Description |
td.innerTabItem | The tab item. |
td.innerTabItemSelected | The selected tab item. |
td.innerTabItem a | The anchor displayed in the tab item. |
td.innerTabFiller | The invisible tab that fills the empty space at the right of the tabs. |
Item: Page Title
Ex: View Table: [TableName] in the page Data/View Table.
CSS file: default.css
CSS Class | Description |
h1 | The page title, and the border underneath. |
Item: Page Section
Ex: General Properties, in the page Data/View Table.
CSS file: default.css
CSS Class | Description |
h2 | The section title, and the border underneath. |
Item: Collapsible Page Section
Ex: The "Search" section in the page Inbox/Document Indexing Tasks/View Batches.
CSS file: default.css
CSS Class | Description |
h2.expanded | The expanded section title. |
h2.collapsed | The collapsed section title. |
Item: Records Grid
CSS file: grid.css
CSS Class | Description |
table.grid | The entire table. |
div.pager | The pager bars. |
table.controlBarTop | The buttons bar above the records. |
table.grid th | The column header. |
table.grid th.asc | The column header displayed as sorted ascending. |
table.grid th.desc | The column header displayed as sorted descending. |
table.grid th a | The anchor displayed on the column header. |
table.grid td | The row cell. |
table.grid tr.selected | The selected row. |
table.grid tr.selected a | The anchor displayed on a selected row. |
Item: Context Menu
Ex: Documents module, search results context menu
CSS file: contextmenu.css
CSS Class | Description |
div.contextmenu | The context menu table. |
div.menuitem | The menu item. |
div.selected | The selected menu item. |
div.disabled | The disabled item. |
page revision: 3, last edited: 30 Sep 2014 23:33