DocuNECT Web Style Guidelines

Documentation
Article Library

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.