This document describes the
components' default theme to explain how themes are structured. Note that
the Sun JavaTM Web User Interface components themes must not be
edited.
The default theme for the Sun Java Web User
Interface components is defined in the com/sun/web/ui/defaulttheme
directory. The theme consists of images, javascript, stylesheets, and messages
that are used by the components to define the look and feel of the components.
This document describes the files that create the theme, and how they are
used by the components.
A theme requires the following:
MANIFEST.MF
file - contains information about the theme's
name, version, prefix, and path to the properties files.
properties files - contain key-value pairs that are used by the components
and the theme module to map theme keys to their values. Values might be paths
to the resources, or text.
resource files - images, javascript files, stylesheets, messages
defaulttheme.jar
file. The theme files are explained in the following sections.
The defaulttheme.jar
contains the following directories:
META-INF |
The MANIFEST.MF file, described in
Manifest
file |
|
Javascript files that are needed for the components.
These javascript files are mapped to keys in
the javascript.properties file, which is located in |
|
The |
|
CSS stylesheet files required by the components.
These css files are mapped to keys in the stylesheet properties files, which
is located in |
|
All images used by the components. This directory
contains a subdirectory for each component, which contains the images for
that particular component. The image files are mapped to keys in the |
|
Contains the theme's properties files, which
map keys to the locations of resources used by the components. These
properties files contain the key mappings to the files located in the javascript,
css, and images directories. |
The theme's MANIFEST.MF
file contains
information about the theme's version, name, prefix and paths to the properties
files. This file goes in the META-INF
directory at the top level
of the jar. The theme module reads the manifest file for the location of
the properties files.
The defaulttheme's manifest file contains the following
keys (in bold text) to
define information about the theme:
Implementation-Title: Sun Java Web User Interface Components 3.0 Beta2 Theme: defaulttheme
Implementation-Version: 3.0.Beta2
Implementation-Vendor: Sun Microsystems, Inc.
Implementation-Vendor-Id: com.sun
Specification-Title: Sun Java Web User Interface Components Theme: defaulttheme
Specification-Version: 3.0
Specification-Vendor: Sun Microsystems, Inc.
The defaulttheme's manifest contains the following keys
(in bold text) to define how the theme module accesses this particular theme
and its constituent files. Note that in each line, the text that follows
a # character is a comment.
Name: com/sun/web/ui/theme/ # Location of the theme directory.
X-SJWUIC-SWAED-Version: 3.0 # The SWAED version of the components.
X-SJWUIC-Theme-Version: 1.0 # The theme's version number.
X-SJWUIC-Theme-Name: defaulttheme # Theme name.
X-SJWUIC-Theme-Prefix: /theme # Relative path to the theme.
X-SJWUIC-Theme-Messages: com.sun.web.ui.defaulttheme.messages.messages # Location of messages.properties file.
X-SJWUIC-Theme-Images: com.sun.web.ui.defaulttheme.properties.images # Location of image.properties file.
X-SJWUIC-Theme-JavaScript: com.sun.web.ui.defaulttheme.properties.javascript # Location of javascript.properties file.
X-SJWUIC-Theme-Stylesheets: com.sun.web.ui.defaulttheme.properties.stylesheets # Location of stylesheet.properties file.
X-SJWUIC-Theme-ClassMapper: com.sun.web.ui.defaulttheme.properties.styles # Location of the file that maps the
selector keys to the actual selectors.
The theme uses the following properties files:
|
Contains javascript keys that are used by the components to locate
required javascript files. The keys are set to the absolute path of
the appropriate javascript file. This properties file is located in the
|
|
Contains stylesheet keys that specify
the path to the style sheet files that are required for different browser
versions. The components use a different set of styles when displayed
in different versions of web browsers. This properties file is located in
the |
styles.properties |
Contains style keys that specify the
CSS style selectors that are used in the style sheets. This properties file
is located in the com/sun/web/ui/defaulttheme/properties directory.
See Theme
Stylesheets, Keys, and Selectors for more information about the
style keys. |
|
Contains image keys that specify the absolute paths to images
displayed by the components. This properties file is located
in the
|
messages.properties |
Contains keys and values for messages displayed by the components.
This properties file is located in the com/sun/web/ui/defaulttheme/messages
directory. See Theme
Messages for more information about the message keys. |
The theme's manifest file specifies the location
of the properties files. See the Manifest
File section for more information.
The javascript.properties
file
maps javascript keys to component javascript files that are located in the
defaulttheme/javascript
directory. The javascript files
contain functions used by the components.
The javascript.properties
file contains the following keys:
Key |
Key Value in defaulttheme |
Description |
---|---|---|
global | global=basic |
The keys for the javascript files that must be included in every page. The value of this key is one or more keys of the javascript files that all components need to access. The key must be set to global=basic so that all components can use the formElements.js functions. |
basic |
basic=formElements.js |
Common javascript functions for components. |
addRemove |
addRemove=addremove.js |
Functions for the AddRremove component. |
calendar |
calendar=calendar.js |
Functions for the Calendar component. |
orderableList |
orderableList=orderablelist.js |
Functions for the OrderableList component. |
scheduler |
scheduler=scheduler.js |
Functions for the Scheduler component. |
table |
table=table.js |
Functions for the Table component. |
tree |
tree=tree.js |
Functions for the Tree component. |
wizard |
wizard=wizard.js |
Functions for the Wizard component. |
fileChooser |
fileChooser=filechooser.js |
Functions for the Filechooser component. |
editableList |
editableList=editablelist.js |
Functions for the Editablelist component. |
The defaulttheme provides the following style sheets,
located in com/sun/web/ui/defaulttheme/css:
css_master.css
- the master style sheet, which contains
the definitions of the style
classes needed by all the components.
css_ie55up.css
- the style sheet for Internet Explorer 5.5 and above. The
style sheet contains definitions for some style classes that are used when
the components run in the IE browsers. The style classes here are a
subset of the style classes that are defined in css_master.css
.
The Theme module uses a
set of CSS keys that are defined in the styles.properties
file. The value of each key is a CSS
selector that is defined in the style sheets.
A CSS key can be assigned
the value of a different CSS selector to alter the look of the feature represented
by that key. You can do this by mapping the key to a different selector in
the styles.properties
file.
For example, the key MINI_TAB_DIV
might be mapped to your new
selectors Corp
MniTabDiv
and BosMniTabDiv
, as follows:
MINI_TAB_DIV=CorpMniTabDiv BosMniTabDiv
For the selectors CorpMniTabDiv
and BosMniTabDiv
,
the styles might be defined as
follows in the style sheet file:
.CorpMniTabDiv {background-color:#D9E1E4;
background-image:url(../images/tabs/corpmnitab_background.jpg)}
.BosMniTabDiv
{background-color:#D9E1E4; background-image:url(../images/tabs/bosmnitab_background.jpg)}
The CSS keys and the selectors that identify the style
classes are listed in the section Style
Keys and Selectors for the Components.
X-SJWUIC-Theme-ClassMapper
key in the manifest
file for the theme.
The stylesheets.properties
file maps the location of the CSS stylesheet to use for each type of supported browser. This file
contains the following keys:
default | The default stylesheet file to be used. |
gecko | The stylesheet
to be used for Gecko based browsers such as Netscape, Mozilla, and Firefox. |
ie6 |
The stylesheet file to be used for IE6 browsers. |
ie5.5 |
The stylesheet file to be used for IE5.5 browsers. |
master |
The master stylesheet to be used. |
Currently, in the existing themes, the default and
gecko keys are not set. The ie6 and ie5.5 keys point to the location
of the css_ie55up.css
file. The master key points to the
location of css_master.css
file.
Style Key |
CSS Selectors |
Description |
|
---|---|---|---|
BODY, TH, TD, P, DIV, SPAN, INPUT, SELECT, TEXTAREA, FORM, B, STRONG, I, U, H1, H2 , H3, H4, H5, H6, DL, DD, DT, UL, LI, OL, OPTION, OPTGROUP, A |
Define standard styles for each of these tags such as background color, margin, font type, font size etc. |
||
DEFAULT_BODY |
.DefBdy |
Default body style |
|
HIDDEN |
.hidden |
Used when component is not to be displayed |
|
LINK_DISABLED |
.disabled |
||
FLOAT |
.float |
Specify the float property. |
|
Add Remove top | |||
ADDREMOVE_LABEL |
.AddRmvLbl |
AddRemove label color and font weight. |
|
ADDREMOVE_BUTTON_TABLE |
table.AddRmvBtnTbl .Btn1, table.AddRmvBtnTbl .Btn1Hov, table.AddRmvBtnTbl .Btn1Dis, table.AddRmvBtnTbl .Btn2, table.AddRmvBtnTbl .Btn2Hov, table.AddRmvBtnTbl .Btn2Dis |
AddRemove table button styles. Specify width, margin. |
|
ADDREMOVE_LABEL2 |
.AddRmvLbl2 |
AddRemove label color for the list labels. |
|
ADDREMOVE_VERTICAL_FIRST |
.AddRmvVrtFst |
Margin/min-width of padding for the Add button
in the vertical orientation of AddRemove. |
|
ADDREMOVE_VERTICAL_WITHIN |
.AddRmvVrtWin |
Margin/min-width used to separate buttons within
a functional group (e.g., Add and Add All) in the vertical orientation of
AddRemove |
|
ADDREMOVE_VERTICAL_BETWEEN |
.AddRmvVrtBwn |
Margin/min-width used to separate buttons between
functional group (e.g., Add All and Remove) in the vertical orientation of
AddRemove. |
|
ADDREMOVE_VERTICAL_BUTTON |
.AddRmvVrtBtn |
Width to be set for the vertical AddRemove's buttons |
|
ADDREMOVE_HORIZONTAL_WITHIN |
.AddRmvHrzWin |
Margin/min-width used to separate buttons within
a functional group (e.g., Add and Add All) in the horizontal orientation
of AddRemove. |
|
ADDREMOVE_HORIZONTAL_BETWEEN |
.AddRmvHrzBwn |
Margin/min-width used to separate buttons between
functional group (e.g., Add All and Remove) in the horizontal orientation
of AddRemove. |
|
ADDREMOVE_HORIZONTAL_LAST | .AddRmvHrzLst |
Used to keep the layout intact. | |
ADDREMOVE_HORIZONTAL_DIV |
.AddRmvHrzDiv |
Margin, float style and display type used to
keep the alignment of the horizontal orientation of AddRemove. (This
type is inline-table in present themes.) |
|
Alert top |
|||
ALERT_ERROR_TEXT |
.AlrtErrTxt |
Text appearance for error message headers. |
|
ALERT_WARNING_TEXT | .AlrtWrnTxt | Text appearance for warning message headers | |
ALERT_INFORMATION_TEXT | .AlrtInfTxt | Text appearance for information message headers | |
ALERT_LINK |
a.AlrtLnk:link, a.AlrtLnk:visited, a.AlrtLnk:hover |
Link appearance in message text |
|
ALERT_MESSAGE_TEXT |
.AlrtMsgTxt |
Text appearance for the alert message
text |
|
ALERT_LINK_DIV |
.AlrtLnkDiv |
Used to create vertical space between message text and optional link |
|
.AlrtErrTxt img, .AlrtWrnTxt img, .AlrtInfTxt img |
Vertical alignment and margin for images that are rendered for alert. |
||
ALERT_TABLE |
.AlrtTbl |
Used for table containing inline alert message. |
|
BreadCrumbs top |
|||
BREADCRUMB_WHITE_DIV |
.BcmWhtDiv |
Margin, White Background color for the breadcrumbs. |
|
BREADCRUMB_GRAY_DIV |
.BcmGryDiv |
Padding, Grey background color for the breadcrumb. |
|
BREADCRUMB_LINK |
a.BcmLnk:link, a.BcmLnk:visited,a.BcmLnk:hover |
Color and text decoration for links on the breadcrumb. |
|
BREADCRUMB_TEXT |
.BcmTxt |
Font weight, Color for text of last breadcrumb. |
|
BREADCRUMB_SEPARATOR |
.BcmSep |
Color and margin for the separator between breadcrumbs. |
|
Buttons (Normal) top |
|||
BUTTON1 |
.Btn1 |
Common style class for primary buttons. Background image – URL pointing
to the background image on the button, background color, color, border-top,
border-left, border-right, border-bottom,background-repeat,background-position,font
size,margin, padding. |
|
BUTTON1_HOVER |
.Btn1Hov |
Style for button's hover (on mouseover). The same properties as
for Btn1, plus setting for the cursor type. |
|
BUTTON1_MINI |
.Btn1Mni |
Mini button's style properties. Same parameters as for .Btn1 |
|
BUTTON1_MINI_HOVER |
.Btn1MniHov |
Mini button hover style properties. Same parameters as specified
for Btn1Hov. |
|
BUTTON2 |
.Btn2 |
Style class for secondary button. Same parameters as specified for
.Btn1 |
|
BUTTON2_HOVER |
.Btn2Hov |
Style class for secondary button hover. Same parameters as specified
for .Btn1Hov. |
|
BUTTON2_MINI |
.Btn2Mni |
Style classes for secondary mini button. Paramaters are same as
for .Btn1Mni |
|
BUTTON2_MINI_HOVER |
.Btn2MniHov |
Style classes for secondary button's mini hover. Parameters are
same as .Btn1MniHov. |
|
BUTTON1_DISABLED BUTTON2_DISABLED |
.Btn1Dis/.Btn2Dis |
Primary Button's /Secondary button's disabled style class. Set the
margin,width,color, padding,background color, border and font-size. |
|
BUTTON1_MINI_DISABLED BUTTON2_MINI_DISABLED |
.Btn1MniDis/Btn2MniDis |
Primary Mini Button/Secondary |
|
Buttons (Arrays) |
.BtnTbl .Btn1, .BtnTbl .Btn1Hov, .BtnTbl .Btn1Dis, .BtnTbl .Btn2, .BtnTbl .Btn2Hov , .BtnTbl .Btn2Dis |
For arrays where buttons need to be of equal width. Set width and margin. |
|
.BtnAryDiv(not referenced) |
Button's margin style. Set margin here. |
||
Buttons (Mastheads) |
MstDiv .Btn1, .MstDiv .Btn1Mni, .MstDiv .Btn1Hov, .MstDiv .Btn1MniHov, MstDiv .Btn2, .MstDiv .Btn2Mni,.MstDiv .Btn2Hov, .MstDiv .Btn2MniHov |
Revised style class properties for the mastheads. Paramaters to
be specified are border-top, border-left, border-right, border-bottom and
vertical align. |
|
Calendar top |
|||
CALENDAR_DIV |
.CalPopDiv |
Pop up calendar div style.Specify display,position, float, top, left. |
|
CALENDAR_DIV_SHOW |
.CalPopShdDiv |
Popup calendar's div's shadow style.. Specify display, position, padding, z- index,float,top,left |
|
CALENDAR_DIV_SHOW2 |
.CalPopShd2Div |
Calendar's shadow 2 style. Specify display, position, float |
|
.CalPopDiv a.DatCurLnk:link |
Current date's calendar link – specify the color, background color, text decoration, border,display,font-weight,padding,position,float. |
||
.CalPopDiv a.DatCurLnk:visited |
After the Current date link is visited. - specify the color, background color, text decoration, border,display,font-weight,padding . |
||
.CalPopDiv a.DatCurLnk:hover |
Hover property for the current date link – specify the text decoration. |
||
.CalPopDiv a.DatLnk:link |
Date link in calendar – specify color, background color, text decoration, border,display,padding. |
||
.CalPopDiv a.DatLnk:visited |
Visited date link in calendar - specify color, background color, text decoration, border,display,padding . |
||
.CalPopDiv a.DatLnk:hover |
Hover property for the date link – specify the text decoration,display,padding . |
||
.CalPopDiv a.DatBldLnk:link |
Make the date link bold. - specify color, background color,text – decorations,display,font-weight,padding. |
||
.CalPopDiv a.DatBldLnk:visited |
After the date link (bold) has been visited. - specify color, background-color, border, text-decoration,display,font-weight,padding . |
||
.CalPopDiv a.DatBldLnk:hover |
Style when hovering above the date link (bold). Specify the text-decoration for this. |
||
.CalPopDiv a.DatOthLnk:link |
Style for date links which fall outside the current month. specify color, background color, border, text – decorations,display,padding . |
||
.CalPopDiv a.DatOthLnk:visited |
Style for visited date links which fall outside the current month. specify color, background color, border, text – decorations,display,padding . |
||
.CalPopDiv a.DatOthLnk:hover |
Style for hovering above date links which fall outside the current month. Specify the text decoration and border. |
||
.CalPopDiv a.DatOthBldLnk:link |
Style for bold links that are outside the current month. specify color, background color, border, text – decorations,display,font-weight,padding . |
||
.CalPopDiv a.DatOthBldLnk:visited |
Style for visited bold links that are outside the current month. specify color, background color, border, text – decorations,display,font-weight,padding . |
||
.CalPopDiv a.DatOthBldLnk:hover |
Style for hovering bold links that are outside the current month. Specify the text-decoration. |
||
.CalPopDiv .DatSelDiv |
Style for layer which encompasses the input for month and year.
Specify a background image, background color,border,background repeat, background-style,padding-top,text-align,-moz-border-radius |
||
.CalPopDiv .DatSelDiv input |
Style class for the DatSelDiv when specifying input. Specify the padding |
||
.CalPopDiv .DatSelDiv select |
Style class for the DatSelDiv when selecting a particular month.Specify the margin. |
||
.CalPopDiv .DatCalDiv |
Specify the style for calendar's div. Specify background-color,
border, border-top,text-align,padding |
||
.CalPopDiv .DatDayHdrTxt |
Style class for the span that shows the day of the week. Specify the color,font-weight,padding, display. |
||
.CalPopDiv .DatCalTbl |
Style for the calendar's table. Specify the border-left and border-right
property. |
||
.CalPopDiv .DatCalTbl td |
Table's td tag's style property. Sepcify the border property, width. |
||
.CalPopDiv .DatCalTbl th |
Table's th tag's style property. Specify the border-bottom, border-left,
border-right, background color, width, padding-top. |
||
.CalPopDiv .MnuJmp |
Style for jump drop down. Specify the color property. |
||
.CalPopDiv .MnuJmp option |
Style for options in the jump drop down. Specify the color property. |
||
CALENDAR_FOOTER |
.CalPopDiv .DatCalTbl td.CalPopFtr |
The style for date picker table's message which indicates what day it is today. Specify the border,width |
|
CALENDAR_FOOTER_DIV |
.CalPopDiv .CalPopFtrDiv |
The div for the date picker table's message which indicates what day it is today. Specify background image, background repeat, background color, border, background position,float,width. |
|
CALENDAR_DAY_TEXT |
.CalPopDiv .CurDayTxt |
The text for the date picker table's message which indicates what day it is today. Specify the color,float,clear,padding,font-weight,font-size. |
|
CALENDAR_CLOSE_LINK |
.CalPopDiv a.CalPopClsLnk:link
|
Style classes for the “close” link that comes up near the current day text. Specify the text-decoration, color, font-size ,float ,margin, padding, border properties. |
|
.CalPopDiv a.CalPopClsLnk:active |
Style classes for the “close” link that comes up near the current day text. Specify the text-decoration, color, font-size and border properties. |
||
.CalPopDiv a.CalPopClsLnk:hover |
Style when hovering over the “close” link. Specify the text-decoration property. |
||
.CalPopDiv .DatSelDiv input |
Style class for the select date div's input style. Specify padding-top |
||
CALENDAR_FIELD_LABEL |
.CalPopFldLbl |
Style class for the start date label. Display, margin-right, padding-top |
|
CALENDAR_FIELD_IMAGE |
.CalPopFldImg img |
Style class for the href link that shows the dates. Specify margin. |
|
Checkboxes and Radio buttons top |
|||
CHECKBOX |
.Cb |
Used to reference checkbox styles. |
|
CHECKBOX_DISABLED | .CbDis | Disabled property for checkbox. Specify color and background-color. Sets background color for disabled checkboxes, fixes a Netscape 7 bug where user can't tell whether a disabled checkbox is checked. | |
CHECKBOX_LABEL |
.CbLb | Checkbox label's style. | |
CHECKBOX_LABEL_DISABLED | .CbLblDis | Checkbox label's disabled style. | |
CHECKBOX_IMAGE | .CbImg | Check box image's style. | |
CHECKBOX_IMAGE_DISABLED | .CbImgDis | Check box image's disabled style. | |
CHECKBOX_SPAN | .CbSpn | Checkbox's span style. | |
CHECKBOX_SPAN_DISABLED | .CbSpnDis | Disabled checkbox's span style. | |
CHECKBOX_GROUP | .CbGrp | Checkbox group style. | |
CHECKBOX_GROUP_CAPTION | .CbGrpCpt | Checkbox group's caption style. | |
CHECKBOX_GROUP_LABEL | .CbGrpLbl | Checkbox group label's style. | |
CHECKBOX_GROUP_LABEL_DISABLED |
.CbGrpLblDis | Checkbox group label's disabled style. | |
CHECKBOX_GROUP_ROW_EVEN |
.CbGrpRwEv | Checkbox group even row style. | |
CHECKBOX_GROUP_ROW_ODD |
.CbGrpRwOd | Checkbox group odd row style. | |
CHECKBOX_GROUP_CELL_EVEN |
.CbGrpClEv | Checkbox group even column style. | |
CHECKBOX_GROUP_CELL_ODD | .CbGrpClOd | Checkbox group odd column style. | |
RADIOBUTTON | .Rb |
Used to reference radiobutton styles. | |
RADIOBUTTON_DISABLED | .RbDis | Disabled property for radio buttons. Specify color and background-color. Sets background color for disabled checkboxes, fixes a Netscape 7 bug where user can't tell whether a disabled radio button is checked. | |
RADIOBUTTON_LABEL | .RbLb | Radiobutton label's style. | |
RADIOBUTTON_LABEL_DISABLED | .RbLblDis | Radiobutton label's disabled style. | |
RADIOBUTTON_IMAGE | .RbImg | Radiobutton image's style. | |
RADIOBUTTON_IMAGE_DISABLED | .RbImgDis | Radiobutton image's disabled style. | |
RADIOBUTTON_SPAN | .RbSpn | Radiobutton span style. | |
RADIOBUTTON_SPAN_DISABLED | .RbSpnDis | Radiobutton span disabled style. | |
RADIOBUTTON_GROUP | .RbGrp | Radiobutton group style. | |
RADIOBUTTON_GROUP_CAPTION | .RbGrpCpt | Radiobutton group's caption style. | |
RADIOBUTTON_GROUP_LABEL |
.RbGrpLbl | Radiobutton group label's style. | |
RADIOBUTTON_GROUP_LABEL_DISABLED | .RbGrpLblDis | Radiobutton group label's disabled style. | |
RADIOBUTTON_GROUP_ROW_EVEN | .RbGrpRwEv | Radiobutton group even row style. | |
RADIOBUTTON_GROUP_ROW_ODD | .RbGrpRwOd | Radiobutton group odd row style. | |
RADIOBUTTON_GROUP_CELL_EVEN |
.RbGrpClEv | Radiobutton group even column style. | |
RADIOBUTTON_GROUP_CELL_ODD | .RbGrpClOd | Radiobutton group odd column style. | |
ContentPageTitle top |
|||
TITLE_TEXT |
span.TtlTxt |
Title text's span – Specify color, font size, font weight. |
|
H1.TtlTxt |
Title text with h1. Specify color code, font size, font weight, margin. |
||
TITLE_TEXT_DIV |
.TtlTxtDiv |
Style class for the title text's table cell div. Specify margin. |
|
.TtlTxtDiv img |
Title text div's image style class. Specify vertical align, text-bottom. |
||
TITLE_ACTION_DIV |
.TtlActDiv |
Margins and vertical alignment for the page actions. |
|
.TtlHlpDiv |
ContentPageTitle's help div's style class. Specify margin. |
||
TITLE_VIEW_DIV |
.TtlVewDiv |
Margins and vertical alignment for the page navigation
drop-down menu. |
|
TITLE_HELP_DIV | .TtlHlpDiv | Margins and vertical alignment for the instructional help text | |
TITLE_BUTTON_DIV |
.TtlBtnDiv |
Margins and vertical alignment for the buttons in title |
|
TITLE_BUTTON_BOTTOM_DIV |
.TtlBtnBtmDiv |
ContentPageTitle's bottom button's style. Specify padding. |
|
EditableList top |
|||
EDITABLELIST_TABLE |
table.EdtLstTbl |
Style for table containing all elements. |
|
EDITABLELIST_FIELD_LABEL | table.EdtLstTbl td.EdtLstAddLblTd | EditableList's “add” label style. Specify padding. | |
EDITABLELIST_LIST_LABEL |
table.EdtLstTbl td.EdtLstRmvLblTd |
EditableList's “remove” label style. Specify padding, vertical align. |
|
EDITABLELIST_FIELD |
table.EdtLstTbl td.EdtLstAddTxtTd |
EditableList's field style. Specify padding, vertical alignment. |
|
EDITABLELIST_LIST |
table.EdtLstTbl td.EdtLstRmvLstTd |
EditableList's style class. Specify padding, vertical alignment |
|
EDITABLELIST_ADD_BUTTON |
table.EdtLstTbl td.EdtLstAddBtnTd |
EditableList's add button style class.. Specify padding, vertical
alignment |
|
EDITABLELIST_REMOVE_BUTTON |
table.EdtLstTbl td.EdtLstRmvBtnTd |
EditableList's remove button style class.. Specify padding, vertical
alignment |
|
table.EdtLstTblTxtFld, table.EdtLstTbl .Btn1, table.EdtLstTbl .Btn1Hov , table.EdtLstTbl .Btn1Dis, table.EdtLstTbl .Btn2, table.EdtLstTbl .Btn2Hov, table.EdtLstTbl .Btn2Dis |
Editable list's basic text field/ button styles. |
||
FileChooser/FolderChooser top |
|||
FILECHOOSER_LABEL_TEXT |
.ChoLblTxt |
FileChooser's field label text – set the color, font weight. |
|
FILECHOOSER_NAME_TEXT |
.ChoSrvTxt |
FileChooser's server name text style . Set the color. |
|
FILECHOOSER_WIDTH_TEXT |
.ChoWthTxt |
Filechooser label text width. Specify width. |
|
FILECHOOSER_CONMGN |
.ConMgn |
||
FILECHOOSER_FOLDER_STYLE FILECHOOSER_FILE_STYLE |
.ChoFdrStl/.ChoFilStl |
Filechooser "Look In" field folder/file style. Specify width. |
|
LIST_MONOSPACE |
.LstMno |
Style for selectable list to force monospace font -- this is required to ensure proper alignment of the name date and size information inside the list |
|
Help Inline top |
|||
HELP_PAGE_TEXT |
.HlpPgeTxt |
The help page text. Set the color. |
|
HELP_FIELD_TEXT |
.HlpFldTxt |
The help field text. Set the color, font size and padding-top |
|
HELP_PAGE_LINK |
a.HlpPgeLnk:link, a.HlpPgeLnk:visited, |
Help page link style. Set the color, text decoration. |
|
HELP_FIELD_LINK |
a.HlpFldLnk:link, a.HlpFldLnk:visited |
Help field link style. Set the color, text decoration, font size. |
|
a.HlpPgeLnk:hover |
Hover style for help page link. Set color, text decoration. |
||
a.HlpFldLnk:hover |
Hover style for help field link. Set font size, color and text decoration. |
||
Help Window top |
|||
HELP_BODY | .HlpBdy |
Style used for body tag in content area - contextual selectors are writte against this style to allow for use of generic html tags for formatting help content | |
HELP_STEPS_TAB | .HlpStpTab |
Style used for layout of tabs in left navigation area | |
HELP_BUTTON_DIV | .HlpBtnDiv |
Style used for layout of navigation buttons | |
HELP_SEARCH_DIV | .HlpSchDiv |
Style used for layout of search field and buttons in left navigation area | |
HELP_RESULT_DIV | .HlpRltDiv |
Style used for layout of search results in left navigation area | |
HELP_MASTHEAD_TITLE_BODY | .HlpMstTtlBdy |
Used for body of masthead/title frame | |
HELP_BUTTON_NAVIGATION_BODY | .HlpBtnNavBdy |
Used for body of button/navigation frame |
|
Label top |
|||
LABEL_LEVEL_ONE_TEXT |
.LblLev1Txt |
Style for label level 1. Specify color, font size, font weight. |
|
LABEL_LEVEL_TWO_TEXT |
.LblLev2Txt |
Style for label level 2. Specify color, font weight. |
|
LABEL_LEVEL_TWO_SMALL_TEXT |
.LblLev2smTxt |
Style for Label level 2 small text . Specify font size, font weight. |
|
LABEL_REQUIRED_DIV |
.LblRqdDiv |
Style for Label div for the required icon. Specify color. |
|
LABEL_LEVEL_THREE_TEXT |
.LblLev3Txt |
Style for label level 3. Specify color. |
|
List top |
|||
LIST |
.Lst |
List's style class. Specify color, border-bottom-color, border-right-color. |
|
LIST_OPTION |
.LstOpt |
List options style. Specify the color. |
|
LIST_OPTION_SELECTED |
.LstOptSel |
Selected option in a list. Specify the color. |
|
LIST_OPTION_GROUP |
.LstOptGrp |
List Option group style.Specify color, font-weight, font-style |
|
.LstDis .LstOptGrp |
Disabled list option group style. Specify the color, background color. |
||
LIST_OPTION_SEPARATOR |
.LstOptSep |
Separator for list options.. Specify the color,. |
|
LIST_OPTION_DISABLED |
.LstOptDis |
List option disabled style. Specify color. |
|
LIST_DISABLED |
.LstDis |
Disabled list appearance. Specify the border-bottom-color, border-right-color, color, background-color,font-weight, font-style. |
|
.LstDis option |
Style for options in disabled list.Specify the background-color and color. |
||
LIST_MONOSPACE |
.LstMno |
Monospace list style.Specify the border-bottom color, border-right color, color, font-family, font-weight, font-space. |
|
.LstMno option |
Monospace list option style. Specify the font family. |
||
.LstMno .LstOptGrp |
Monospace list group option style. Specify color, font-space, font-family, font-weight |
||
LIST_MONOSPACE_DISABLED |
.LstMnoDis |
Monospace list disabled style.Specify font-family, font-weight, font-syle, background-color, color |
|
.LstMnoDis option |
Style for monospace disabled list options.Specify font family, background color and color. |
||
.LstMnoDis .LstOptGrp |
Style for monospace disabled grouped option list.Specify font-weight, font style,background color and color. |
||
LIST_ALIGN |
.LstAln |
List alignment style. Specify the vertical align and padding style. |
|
Masthead top |
|||
MASTHEAD_LABEL |
span.MstLbl |
Masthead label span style. Specify the color,font-weight. |
|
MASTHEAD_TEXT |
span.MstTxt |
Masthead text span style. Specify the color,font-weight. |
|
MASTHEAD_USER_ROLE |
span.MstUsrRole |
Masthead user role's span style. Specify the color, font-weight. |
|
MASTHEAD_ALARM_DOWN_TEXT |
span.MstAlmDwnTxt |
Sets the font color for down alarm count |
|
MASTHEAD_ALARM_CRITICAL_TEXT | span.MstAlmCrtTxt | Sets the font color for critical alarm count | |
MASTHEAD_ALARM_MAJOR_TEXT | span.MstAlmMajTxt | Sets the font color for major alarm count | |
MASTHEAD_ALARM_MINOR_TEXT | span.MstAlmMinTxt | Sets the font color for minor alarm count | |
MASTHEAD_USER_LINK |
a.MstUsrLnk:link |
Masthead's username link styles. |
|
MASTHEAD_ALARM_LINK | a.MstAlmLnk:link a.MstAlmLnk:visited a.MstAlmLnk:hover |
Masthead's alarm link styles. | |
MASTHEAD_PROGRESS_LINK | a.MstPrgLnk:link a.MstPrgLnk:visited a.MstPrgLnk:hover |
Masthead's current jobs (progress) link styles. | |
MASTHEAD_BODY |
.MstBdy |
Masthead body div tag's style. Used when the masthead goes into its own frame -- sets background color. |
|
MASTHEAD_DIV |
.MstDiv |
Masthead's div style class.. Specify background color, background image,background-repeat, background-position. |
|
MASTHEAD_SECONDARY_TABLE |
.MstSecTbl |
Secondary masthead table's style class. Specify background color, background image, background repeat and background position. |
|
MASTHEAD_LINK |
a.MstLnk:link, a.MstLnk:visited |
Masthead link's style classes. Style for links
at top of masthead if there is only one link. Specify background color,
color, text decoration, border-top, border-left,border-right, border-bottom
background image, background-repeat, background-position, text-transform,
font-size, vertical-align. |
|
a.MstLnk:hover |
Masthead link's hover property. Specify background color and background image. |
||
MASTHEAD_LINK_LEFT |
a.MstLnkLft:link, a.MstLnkLft:visited |
Left masthead link style class. When there are
two or more global masthead links, this style is used for the left-most link.
Specify background color, color, text decoration, border-top, border-left,border-right,
border-bottom background image, background-repeat, background-position, text-transform,
font-size, vertical-align,white-space. |
|
a.MstLnkLft:hover |
Left masthead link's hover property. Specify background-color and background image, background-repeat, background-position. |
||
MASTHEAD_LINK_RIGHT |
a.MstLnkRt:link, a.MstLnkRt:visited |
Right masthead link's property. When there are
two or more global masthead links, this style is used for the right-most
link .Specify background color, color, text decoration, border-top,
border-left,border-right, border-bottom background image, background-repeat,
background-position, text-transform, font-size, vertical-align, white-space. |
|
a.MstLnkRt:hover |
Right masthead link's hover property. Specify background-color and background image,background-repeat, background-position . |
||
MASTHEAD_LINK_CENTER |
a.MstLnkCen:link, a.MstLnkCen:visited |
Mathead's center link's property. When there
are two or more global masthead links, this style is used for the center
links, which are sandwiched between a link of style MASTHEAD_LINK_LEFT and
one of MASTHEAD_LINK_RIGHT. |
|
a.MstLnkCen:hover |
Center masthead link's hover property. Specify background-color and background image,background-repeat, background-position . |
||
MASTHEAD_TD_TITLE |
td.MstTdTtl |
Masthead's title <td> tag's property. Sets the padding and alignment for the table cell <td> that contains the application name and user/server information. Specify vertical align, vertical-align, white-space. |
|
MASTHEAD_TD_ALARM |
td.MstTdAlm |
Masthead alarm area's td style. Sets the padding
and alignment for the table cell <td> that contains the status area.
Specify vertical align and padding. |
|
MASTHEAD_TD_LOGO |
td.MstTdLogo |
Masthead logo's style. Sets the padding and alignment
for the <div> that contains the application logo gif in a primary window
masthead. Specify the vertical align and padding. |
|
MASTHEAD_DIV_TITLE |
div.MstDivTtl |
Masthead title div's style. Specify the padding-top property. |
|
MASTHEAD_DIV_SECONDARY_TITLE |
div.MstDivSecTtl |
Masthead section title div's style. Sets the padding and alignment for the <div> that contains the application logo gif in a secondary window masthead. Specify padding. |
|
MASTHEAD_DIV_USER |
div.MstDivUsr |
Masthead's user name div's property. Sets the padding and alignment for the <div> that contains the user/server information. Specify padding-top. |
|
MASTHEAD_TIME_DIV |
div.MstTmeDiv |
Masthead's time div's property. Sets padding
and alignment for time stamp information in status area of masthead. Specify
padding. |
|
MASTHEAD_ALARM_DIV |
div.MstAlmDiv |
Masthead's alarm div's property. Sets padding
and alignment for alarm information in status area of masthead. Specify
padding. |
|
MASTHEAD_STATUS_DIV |
div.MstStatDiv |
Masthead's status div's property. Sets padding
and alignment for status/progress information in status area of masthead.
Specify padding. |
|
div.MstStatDiv img |
Masthead's status image's div property. Specify vertical align. |
||
.MstSpcImg |
Masthead's spacer image. Specify the display property |
||
MASTHEAD_TABLE_TOP |
.MstTblTop td |
Masthead's table top td's style. Top td contains
masthead links and search. Specify padding. |
|
.MstTblTop img |
Masthead table top's image style. Specify padding. |
||
MASTHEAD_TABLE_BOTTOM |
.MstTblBot |
Masthead's bottom table, the main table containing product name, optional status area. No style specified. |
|
MASTHEAD_TABLE_END |
.MstTblEnd |
Masthead end table style. Specify the background color and a background
image, background-repeat, background-position, text-align and padding. |
|
Message and Message Group
top |
|||
MESSAGE_FIELD_SUMMARY_TEXT |
.MsgFldSumTxt |
Message field summary text style. Specify color, font weight. |
|
MESSAGE_FIELD_TEXT |
.MsgFldTxt |
Message detailed text's style. Specify color. |
|
MESSAGE_GROUP_TABLE |
.MsgGrpTbl |
Message group table's style. Specify border-left, border-top, border-bottom
and border-right properties. |
|
.MsgGrpTbl td |
Message group table td's style. Specify the background color, padding. |
||
MESSAGE_GROUP_TABLE_TITLE |
.MsgGrpTblTtl |
Message group table title style. Specify color, background color,
border-top, border-left, border-right, text align, padding, font-weight,
margin-top and font-size |
|
MESSAGE_GROUP_DIV |
.MsgGrpDiv |
Message group div's style. Specify margin |
|
.MsgGrpDiv ul |
Message group div unordered list's style.Specify padding, margin,color,
list-style-type. |
||
.MsgGrpDiv ul li |
Message group div unordered list's list item's style |
||
MESSAGE_GROUP_SUMMARY_TEXT |
.MsgGrpSumTxt |
Message group summary text's style. Specify display, font-weight,
padding-bottom,color. |
|
MESSAGE_GROUP_TEXT |
.MsgGrpTxt |
Style for the text rendered within the message group. Specify display, padding-bottom,color. |
|
Mini Tabs top |
|||
MINI_TAB_DIV |
.MniTabDiv |
Style for the div containing the left navigation mini-tabs. Specify background- color, background image, background repeat, background position, padding. |
|
MINI_TAB_TABLE |
table.MniTabTbl td |
Style for the td of table containing the left navigation mini-tabs. Specify background- color, background image.border,background repeat, background position . |
|
MINI_TAB_LINK |
a.MniTabLnk:link,a.MniTabLnk:visited |
Link style for <a> tag for the unselected tabs in the left navigation mini-tabs. Specify the color ,text decoration,display, font-size and padding. |
|
MINI_TAB_SELECTED_TEXT |
.MniTabSelTxt |
Style for the text in the selected left navigation mini-tab. Specify color, text decoration,display, padding, font size. |
|
MINI_TAB_TABLE_SELECTED_TD |
table.MniTabTbl td.MniTabTblSelTd |
Style for the table cell <td> containing the selected left navigation mini-tab. Specify color, text decoration,border-bottom, background-repeat, background-position. |
|
.MniTabDiv td.hidden |
Mini tab div's hidden td style. Specify display. |
||
table.MniTabTbl |
Mini tab table's style.Specify border-collapse. |
||
a.MniTabLnk:hover |
Mini tab link's hover property, Specify text-decoration. |
||
TABGROUP |
.TabGrp |
Tab group's style for minitab. No styles specified. |
|
TABGROUPBOX |
.TabGrp .TabGrpBox |
Tabgroup box's style. Specify border, border-top, padding. |
|
.TabGrp .MniTabDiv |
Tab group's mini tab div's style. Specify background color, background image. |
||
.TabGrp a.MniTabLnk:link, . TabGrp a.MniTabLnk:visited |
Tab group's mini tab link's style. Specify padding. |
||
.TabGrp .MniTabSelTxt |
Tab group's mini tab selected text style. Specify padding. |
||
.TabGrp .MniTabDiv td.hidden |
Tab group's mini tab div's hidden property. Specify display property. |
||
Page Alert top |
|||
ALERT_HEADER_TEXT |
.FulAlrtHdrTxt |
Alert header text's style. Specify margin, font-weight. |
|
ALERT_MESSAGE_TEXT |
.FulAlrtMsgTxt |
Alert message text style. Specify color. |
|
ALERT_HEADER_DIV |
.FulAlrtHdrDiv |
Alert header div's style. Specify margin. |
|
ALERT_MESSAGE_DIV |
.FulAlrtMsgDiv |
Alert message div style. Specify margin. |
|
ALERT_FORM_DIV |
.FulAlrtFrmDiv |
Alert form div's style for block containing the form elements or other non-message text content. Specify margin. |
|
Property page (former name Content Property Page) top |
|||
CONTENT_LIN |
.ConLin |
Content page line separator style. Used for section divider lines. Specify border-right and background-color. |
|
CONTENT_FIELDSET_LEGEND_DIV |
.ConFldSetLgdDiv |
Content field set legend div style. Specify color, font-size, font-weight, margin-bottom. |
|
CONTENT_SUBSECTION_TITLE_TEXT |
.ConSubSecTtlTxt |
Contentpage's sub section title text's style. Specify color, margin,
font-size, font-weight. |
|
.ConFldSetLgd |
Content field set legend style. Specify color. |
||
CONTENT_DEFAULT_TEXT |
.ConDefTxt |
Contentpage defenition text style. Specify color. |
|
CONTENT_REQUIRED_TEXT |
.ConRqdTxt |
Content page required text color. Style called in a span that wraps around the "Indicates Required Information" text. Specify color. |
|
CONTENT_ERROR_LABEL_TEXT |
.ConErrLblTxt |
Content page error label text style. Called in a span that wraps around a label with an error condition. Specify color, font-weight. |
|
.ConWrnLblTxt |
Content page warning label text style. Specify color,font-weight. |
||
JUMP_LINK |
a.JmpLnk:link, a.JmpLnk:visited,a.JmpLnk:hover |
Style used for jump links at top of page. |
|
JUMP_TOP_LINK |
a.JmpTopLnk:link, a.JmpTopLnk:visited, a.JmpTopLnk:hover |
Style used for back to top links at the bottom of each section. Specify color, text-decoration. |
|
CONTENT_FIELDSET |
.ConFldSet |
Content fieldset's style. Style used for fieldset
itself (fieldset only used on IE). No style specified. |
|
CONTENT_FIELDSET_LEGEND |
.ConFldSetLgd |
ContentPage's fieldset legend style. Style used
for fieldset legend and for redundant span around the legend (used by all
but IE). No style specified. |
|
CONTENT_FIELDSET_DIV |
.ConFldSetDiv |
Content field set div style. Style used for redundant div around the fieldset legend (fieldset only used on IE). Specify margin. |
|
CONTENT_SUBSECTION_DIV |
.ConSubSecDiv |
ContentPage sub section div's style. Style controlling
layout of subsections. Specify padding. |
|
CONTENT_TABLE_COL1_DIV |
.ConTblCl1Div |
Contentpage table's first column div style. Used in left column of the component layout table -- called in a div that wraps around the content of each cell in the column. Specify margin. |
|
CONTENT_TABLE_COL2_DIV |
.ConTblCl2Div |
Contentpage table's second column div style. Used
in right column of the component layout table -- called in a div that wraps
around the content of each cell in the column. Specify margin. |
|
CONTENT_EMBEDDED_TABLE_COL1_DIV |
.ConEmbTblCl1Div |
Contentpage embedded table's first column div style. Specify margin. If there is a need to embed component layout tables, this style is called in a div that wraps around the content of each cell in the left column of the embedded table |
|
CONTENT_EMBEDDED_TABLE_COL2_DIV |
.ConEmbTblCl2Div |
Contentpage embedded table's second column div style. Specify margin. If there is a need to embed component layout tables, this style is called in a div that wraps around the content of each cell in the right column of the embedded table |
|
CONTENT_JUMP_SECTION_DIV |
.ConJmpScnDiv |
Contentpage jumpsection div style. Style called in a div that wraps around the optional jump link section of the page. Specify margin. |
|
CONTENT_JUMP_LINK_DIV |
.ConJmpLnkDiv |
Contentpage jump link div style. Style called in a div that wraps around each jump link in the jump link section of the page. Specify margin, text-indent. |
|
CONTENT_REQUIRED_DIV |
.ConRqdDiv |
Content page required div style. Style called in a div that wraps around the required glyph and "Indicates Required Information" text. Specify text align, margin. |
|
CONTENT_JUMP_TOP_DIV |
.ConJmpTopDiv |
Content page's jump to top div's style. Specify margin. |
|
.ConEmbTblCl1Div input[type=checkbox], .ConEmbTblCl1Div input[type=radio] |
Contentpage embedded table's first column div style for checkbox and radiobuttons.Specify margin and vertical align. |
||
div.ConTblCl2Div input, div.ConTblCl2Div select |
Contentpage embedded table's second column div style for input and selected states. Specify vertical align. |
||
Scheduler (former name DateTime) top |
|||
DATE_TIME_LINK |
a.DatLnk:link, a.DatLnk:visited |
Date link's style. Specify color, background color, text decoration, border,display, padding. |
|
a.DatLnk:hover |
Date link's hover style. Specify text-decoration and border,font-weight. |
||
a.DatBldLnk:link, a.DatBldLnk:visited |
Bold date link's style.Specify color, background color, text decoration, border,padding,font-weight,display. |
||
a.DatBldLnk:hover |
Bold date link's hover style. Specify text-decoration and border,font-weight. |
||
DATE_TIME_TODAY_LINK |
a.DatCurLnk:link, a.DatCurLnk:visited |
Current date link's style. Specify color, background color, text decoration, border,padding,font-weight,display . |
|
a.DatCurLnk:hover |
Current date link hover style. Specify text-decoration and border,font-weight. |
||
DATE_TIME_OTHER_LINK |
a.DatOthLnk:link, a.DatOthLnk:visited |
Style for date links which fall outside the current month. Specify color, background color, text-decoration, border,padding,display. |
|
a.DatOthLnk:hover |
Hover style for date link which falls outside the current m onth. Specify the text-decoration, border. |
||
DATE_TIME_BOLD_LINK |
a.DatOthBldLnk:link, a.DatOthBldLnk:visited |
Bold style for date links that fall outside the current month. Specify color, background color, text-decoration, border, padding,font-weight, display. |
|
DATE_TIME_OTHER_BOLD_LINK |
a.DatOthBldLnk:hover |
Hover style for bold date link which falls outside the current m onth. Specify the text-decoration. |
|
.DatSelDiv |
Selected date div's style. Specify background, background-color,
background-image, border-top, border-left, border-right,background-repeat,text-align,
-moz-border-radius-topleft, -moz-border-radius-topright, background-position,
padding. |
||
DATE_TIME_CALENDAR_DIV |
.DatCalDiv |
Calendar div's style.Specify background color, text-align, padding. |
|
DATE_TIME_CALENDAR_TABLE |
.DatCalTbl td |
Calendar table td's style. Specify background-color, width. |
|
.DatCalTbl th |
Calendar table th's style. Specify border, background-color, width. |
||
.DatCalTbl |
Calendar table's style. Specify border-collapse. |
||
DATE_TIME_DAY_HEADER |
.DatDayHdrTxt |
Style class for the span that shows the day of the week.. Specify color, font-weight, display, padding. |
|
DATE_TIME_ZONE_TEXT |
.DatZonTxt |
Style class for the date time's zone display. Specify the color. |
|
DATE_TIME_LABEL_TEXT |
.DatLblTxt |
Scheduler's label text style. Specify color. |
|
DATE_TIME_SELECT_DIV |
.DatSelDiv input |
Date select div's input style. Specify padding-top. |
|
.DatSelDiv select |
Date select div's select style. Specify margin. |
||
Skip Hyperlink top | |||
SKIP_WHITE | .SkpWht | Invisible skip link's div style. Specify background color and height. | |
SKIP_MEDIUM_GREY1 | .SkpMedGry1 | Skip hyperlink style with colored background. | |
Menus, drop down top |
|||
MENU_STANDARD_OPTION_GROUP |
.MnuJmpOptGrp |
Jump Menu's option group style. Specify color, font-weight, font-style. |
|
MENU_STANDARD_OPTION_GROUP |
.MnuStdOptGrp |
Menu's optgroup's appearance. Specify color, font-weight, font-style. |
|
MENU_STANDARD_OPTION |
.MnuStdOpt |
Standard menu's enabled option appearance. Specify color. |
|
MENU_STANDARD_OPTION_SELECTED |
.MnuStdOptSel |
Standard menu's selected option appearance. Specify color. |
|
MENU_STANDARD |
.MnuStd |
Standard menu's appearance. Specify color, border-bottom-color, border-right-color. |
|
MENU_STANDARD_OPTION_SEPARATOR |
.MnuJmpOptSep |
Jump menu's seperator style. Specify color. |
|
MENU_JUMP_OPTION_DISABLED |
.MnuJmpOptDis |
Jump menu's disabled options appearance. Specify color. |
|
MENU_STANDARD_OPTION_DISABLED |
.MnuStdOptDis |
Standard menu's disabled option appearance.Specify color. |
|
.MnuJmpDis |
Jump menu's disabled appearance. Specify background color, color. |
||
MENU_STANDARD_DISABLED |
.MnuStdDis |
Standard menu's disabled appearance. Specify background color, color. |
|
MENU_JUMP |
.MnuJmp |
Jump menu's appearance. Specify color, border-bottom-color, border-right-color. |
|
MENU_JUMP_OPTION |
.MnuJmpOpt |
Jump menu's options appearance. Specify color. |
|
.MnuJmpOpt:hover |
Jump menu option's hover appearance. Specify text-decoration. |
||
MENU_JUMP_OPTION_SELECTED |
.MnuJmpOptSel |
Jump menu's selected option appearance. Specify color. Specify font-weight. |
|
Table top | |||
TABLE |
table.Tbl |
Master table style, all contextual selectors
are based on it. Specify background color, color, width, padding,
border-right, border-bottom. empty-cells |
|
table.Tbl td |
Table's td style. Specify background-color and border-left, border-bottom, border-right, border-top, padding. |
||
table.Tbl th |
Table's th style. Specify background-color and border-left border-bottom, border-right, border-top, padding, font-weight. |
||
TABLE_TITLE_TEXT |
caption.TblTtlTxt |
Style for table title text, specified in the caption tag. Specify color, background-color, background-image, border-top, border-left,
border-right,background-repeat, background-position, text-align, padding,
font-weight, font-size, -moz-border-radius-topleft, -moz-border-radius-topright |
|
caption.TblTtlTxt span |
Caption's span style. Specify font-weight, font-size. |
||
caption.TblTtlTxt span.TblTtlMsgSpn |
Caption's message style. Specify color,float, font-weight,font-size,
margin-top. |
||
caption.TblTtlTxt span.TblTtlTxtSpn |
Caption's text style. Specify float, font-weight, font-size. |
||
TABLE_TITLE_TEXT_SPAN | .TblTtlTxtSpn | Used for message text that is right-aligned in the title bar | |
TABLE_TITLE_MESSAGE_SPAN | .TblTtlMsgSpn | Used to display messages that show the number of selections that are not displayed. | |
TABLE_ACTION_TD |
table.Tbl td.TblActTd |
Action bar td's style. Style for top (only) table
action bar row. Specify background-color, border-left, border-bottom,
padding, vertical-align. |
|
table.Tbl td.TblActTd img |
Action bar td's image style. |
||
TABLE_ACTION_TD_LASTROW |
table.Tbl td.TblActTdLst |
Style for bottom (only) table action bar row.
Specify border-top, background-color, border-left, border-bottom,
padding, vertical-align. |
|
table.Tbl td.TblActTdLst img |
Action table's last row td's img style |
||
TABLE_ACTION_LABEL |
.TblActLbl |
Action bar label's style. Specify color, font-weight. |
|
TABLE_PAGINATION_TEXT |
.TblPgnTxt |
Pagination text style. Used for the "of x" label on the pagination controls. Specify color, margin. |
|
TABLE_PAGINATION_TEXT_BOLD |
.TblPgnTxtBld |
Pagination text bold style. Used for “of x” label on pagination controls. Specify margin. |
|
TABLE_HEADER_SELECTCOL |
table.Tbl th.TblColHdrSel |
Table's select column header style. Column header style used for selection widget column components -- always called in a <th>. Specify border-top, border-left, border-bottom, background-color, vertical-align, padding. |
|
TABLE_HEADER_SELECTCOL_SORT |
table.Tbl th.TblColHdrSrtSel |
Table's select column sort header style. Column header style used when the first column is the current sort column and is a selection widget column -- always called in a <th>. Specify border-top, border-left, border-bottom, background-color, background-image, text-align, background-repeat, background-position, padding.. |
|
TABLE_HEADER_LINK |
table.Tbl th.TblColHdrSel a.TblHdrLnk:link |
Table select column header link's style. Used for text in table column headers. Specify background-color, text-decoration, background-image, display, background-repeat, background-position, padding. |
|
table.Tbl th.TblColHdrSel a.TblHdrLnk:visited |
Table select column header visited link's style.Specify background-color, text-decoration, background-image,display, background-repeat, background-position, padding. |
||
table.Tbl th.TblColHdrSel a.TblHdrLnk:hover |
Table select column header hover link's style.Specify background-color, text-decoration, background-image, background-repeat, background-position. |
||
TABLE_HEADER_LINK_IMG |
table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:link |
Table's select column sort header image link's style. Used for sort icons in table column headers. Specify color, text-decoration, border-left, background, display, text-align, font-weight, padding-bottom, width. |
|
table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:visited |
Table's select column sort header image link's style. Specify color, text-decoration, border-left, background, display, text-align, font-weight, padding-bottom, width. |
||
table.Tbl th.TblColHdrSrtSel a.TblHdrImgLnk:hover |
Table's select column sort header image link's hover style. Specify color, background-image, background-repeat, background-position, width. |
||
table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:link, table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:visited |
Table's select column sort header link's style.Specify color, text-decoration, background, display, padding. |
||
table.Tbl th.TblColHdrSrtSel a.TblHdrLnk:hover |
Table's select column sort header link's hover style. Specify background-image, background-repeat, background-position. |
||
TABLE_TD_SELECTCOL |
table.Tbl td.TblTdSel |
Table's selection column cell td style. Used for cells when the first column contains radio buttons or checkboxes (this style is called in the <th> for headers for the first column and also in <td>'s ). Specify background-color, text-align, vertical-align, padding. |
|
TABLE_TD_SELECTCOL_SORT |
table.Tbl td.TblTdSrtSel |
Table's sort selection column cell td style. Used for cells when the first column is the current sort column and the column contains radio buttons or checkboxes, these cells need left side padding of 10px. Specify background-color, text-align, vertical-align, padding. |
|
TABLE_HEADER |
table.Tbl th.TblColHdr |
Table column header style. Default column header style used if the column header is not in the leftmost column, nor a selection-widget column, nor the current sort column -- it is always called in a <th>. Specify border-top, border-left, border-bottom, background-color, vertical-align, padding. |
|
TABLE_HEADER_TEXT |
table.Tbl .TblHdrTxt |
Column header text style. Style for non-sortable column header text. Specify background-color, color, text-decoration, background-image, display, background-repeat, background-position, font-weight, padding, min-height. |
|
table.Tbl a.TblHdrLnk:link |
Column header link style. Specify background-color, background-position, color, text decoration, background-image, display, background-repeat, background-position, font-weight, padding.. |
||
table.Tbl a.TblHdrLnk:visited |
Column header link visited style.Specify background-color, background-position, color, text decoration, background-image, display, background-repeat, background-position, font-weight, padding. |
||
table.Tbl a.TblHdrLnk:hover |
Column header link hover style.Specify color, background-color, text-decoration and background-image, font-weight, background-repeat, background-position. |
||
table.Tbl a.TblHdrImgLnk:link |
Column header image link. Specify background-color, color, background-image, text-decoration, border-left, display, background-repeat, background-positon, white-space, padding, width. |
||
table.Tbl a.TblHdrImgLnk:visited |
Column header visited image link.Specify background-color, color, background-image, text-decoration, border-left, display, background-repeat, background-positon, white-space, padding, width.. |
||
table.Tbl a.TblHdrImgLnk:hover |
Column header hover image link.Specify color, background-image, white-space, background-repeat, background-position, width. |
||
TABLE_HEADER_SORT |
table.Tbl th.TblColHdrSrt |
Table column's header sort style. Used for column headers when the column is the current sort column. Specify border-top, border-left, border-bottom, background-color, background-image., vertical-align, background-repeat, background-position |
|
table.Tbl th.TblColHdrSrt a.TblHdrLnk:link |
Table column's header sort link style. Specify color, text-decoration, background, display, font-weight, padding. |
||
table.Tbl th.TblColHdrSrt a.TblHdrLnk:visited |
Table column's header sort visited link style. Specify color, text-decoration, background, display, font-weight, padding. |
||
table.Tbl th.TblColHdrSrt a.TblHdrLnk:hover |
Table column's header sort hover link style. Specify color, text-decoration, background-image, font-weight, background-repeat, background-position. |
||
table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:link |
Table column's header image sort link style. Specify color, text-decoration, border-left, background, display, font-weight, padding-bottom, width |
||
table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:visited |
Table column's header image sort visited link style. Specify color, text-decoration, border-left, background, display, font-weight, padding-bottom, width |
||
table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:hover |
Table column's header image sort hover link style. Specify color, background-image, background-repeat, background-position. |
||
TABLE_HEADER_SORT_DISABLED |
table.Tbl span.TblColHdrSrtDis |
Table column header's disabled sort style. Used to surround non-selectable sort indicator in selection widget column header when column is current primary sort column. Specify color, text-decoration, border-left, background, display, text-align, padding.. |
|
TABLE_HEADER_SELECTCOL_DISABLED |
table.Tbl span.TblColHdrSelDis |
Table column header's select disabled style. Used to surround non-selectable sort indicator in selection widget column header when column is not current primary sort column. Specify background-image, background-color, color, text-decoration, border-left,display, background-repeat, background-position, white-space, padding, width.. |
|
TABLE_MULTIPLE_HEADER |
table.Tbl th.TblMultColHdr |
Multiple column header style. Used for cells that will contain a column header subgroup. Specify border-top, border-left, border-bottom, vertical-align, background-color. |
|
TABLE_MULTIPLE_HEADER_TEXT |
.TblMultHdrTxt |
Multiple header text style. Used for column header text for a cell with child column header subgroups. Specify color, font-weight. |
|
TABLE_MULTIPLE_HEADER_ROOT |
table.Tbl th.TblMultHdr |
Multiple header root style. Used for cell that contains the TABLE_MULTIPLE_HEADER _TEXT -- spans the width of the child column header subgroups. Specify border-bottom, border-top, border-left, background-color, text-align, padding. |
|
table.Tbl th.TblMultColHdr a.TblHdrLnk:link |
Multiple header root link style. Specify font-weight, color, text-decoration, border-top |
||
table.Tbl th.TblMultColHdr a.TblHdrLnk:visited |
Multiple header root visited link style. Specify font-weight, color, text-decoration, border-top |
||
table.Tbl th.TblMultColHdr .TblHdrTxt |
Multiple column's table header text style. Specify font-weight. |
||
table.Tbl th.TblMultColHdr a.TblHdrLnk:link img |
Multiple column header's image link style. Specify margin. |
||
table.Tbl th.TblMultColHdr a.TblHdrLnk:visited img |
Multiple column header's visited image link style. Specify margin. |
||
TblMultColHdr .TblHdrTxt img |
Multiple column header text image style. Specify margin. |
||
TABLE_MULTIPLE_HEADER_SORT |
table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:link img |
Multiple column sort header link's image style. Used when a child column header subgroup is the current sort column. Specify margin. |
|
table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:visited img |
Multiple column sort header visited link's image style. Specify margin. |
||
table.Tbl th.TblMultColHdr a.TblHdrLnk:hover |
Table's multiple column header's table header link's hover style. Specify text-decoration , border-top. |
||
table.Tbl th.TblMultColHdrSrt |
Table's multiple column sort header's style. Specify |
||
table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:link |
Multiple sort column header link's style. Specify font-weight, background, color, text-decoration. |
||
table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:visited |
Multiple sort column header link's visited style. Specify font-weight, background, color, text-decoration. |
||
table.Tbl th.TblMultColHdrSrt a.TblHdrLnk:hover |
Multiple sort column header link's hover style. Specify color, background-image. |
||
table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:link |
Multiple sort column header's image link style. Specify background, color, text-decoration, border-left. |
||
table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:visited |
Multiple sort column header's image visited link style.Specify background, color, text-decoration, border-left. |
||
table.Tbl th.TblMultColHdrSrt a.TblHdrImgLnk:hover |
Multiple sort column header's image hover link style. Specify color, background-image. |
||
TABLE_TD_SORT |
table.Tbl .TblTdSrt |
Table's td sort style used for non-header cells in the current sort column. Specify
background-color. |
|
TABLE_COL_FOOTER_SPACER |
table.Tbl .TblColFtrSpc |
Table column's footer spacer style. Used for column footers when the column is a spacer column. Specify border-left, border-bottom, border-top, background-color, padding. |
|
TABLE_TD_SPACER |
table.Tbl th.TblTdSpc |
Table's spacer th style. Used with spacer cells, which are used to pad the width of two or three column tables -- it has a very light border. Specify border-top, border-left, border-bottom, background-color, vertical-align, padding. |
|
table.Tbl td.TblTdSpc |
Table spacer's td style. Specify border-left |
||
TABLE_TD_ALARM |
table.Tbl .TblTdAlm |
Table alarm style used with cells containing an alarm -- sets the background color. Specify background-color. |
|
table.Tbl .TblTdSrtAlm (not referenced) |
Table's sort alarm style.Specify background-color. |
||
table.Tbl a:link |
Table's link style. Specify color, text-decoration. |
||
table.Tbl a:visited |
Table's visited link style. Specify color, text-decoration. |
||
table.Tbl a:hover |
Table's hover link style. Specify color, text-decoration. |
||
TABLE_MESSAGE_TEXT |
.TblMsgTxt |
Table's message text style. Used for message text in a subgroup title row. Used for message text displayed in an empty table. Specify color. |
|
TABLE_SELECT_ROW |
table.Tbl tr.TblSelRow td |
Selected table row's td style, applied to a selected table row. Specify background-color. |
|
table.Tbl tr.TblSelRow th |
Selected table row's th style. Specify background-color. |
||
TABLE_GROUP_HEADER |
table.Tbl .TblGrpRow |
Table group row style. Used for cell acting as
a subgroup title. Specify background-color, border-left, border-bottom,
border-top, background-image, background-repeat, background-position, vertical-align,
min-height, padding. |
|
TABLE_GROUP_HEADER_TEXT |
.TblGrpTxt |
Group table's text style. Default text style
for contents of a subgroup title row. Specify color, text-decoration,
font-weight, margin. |
|
TABLE_GROUP_HEADER_LEFT |
table.Tbl .TblGrpLft input |
Tabel group's left header input style. Used for
left-aligned content in a subgroup title row. Specify margin. |
|
.table.Tbl .TblGrpLft |
Tabel group's left header style. Specify float. |
||
TABLE_GROUP_HEADER_IMAGE |
table.Tbl .TblGrpCbImg img |
Table group's checkbox's image style. Used for
warning image overlay on the selection widget in a subgroup title row. Specify
margin-left, margin-bottom. |
|
TABLE_GROUP_HEADER_RIGHT |
table.Tbl .TblGrpRt |
Tale group's right header style. Used for right-aligned content in a subgroup title row. Specify float. |
|
table.Tbl .TblGrpMsgTxt |
Table group's message text style. Specify color. |
||
TABLE_COL_FOOTER |
table.Tbl .TblColFtr |
Table column footer's style. Used for cells in column-level footers. Specify border-bottom, border-top, background-color, padding. |
|
TABLE_COL_FOOTER_SORT |
table.Tbl .TblColFtrSrt |
Table column's sort footer's style. Used for cells in column-level footers when column is primary sort column. Specify background-color, border-bottom, border-top, font-weight. |
|
TABLE_COL_FOOTER_TEXT |
.TblColFtrTxt |
Table column's footer text style. Default appearance for text in a column-level footer. Specify color. |
|
TABLE_FOOTER |
table.Tbl td.TblFtrRow |
Table's footer style. Used for cell in table-level
footer. Specify background-color, padding, border-left, border-bottom,
vertical-align, text-align. |
|
TABLE_FOOTER_TEXT |
table.Tbl .TblFtrRowTxt |
Table footer's text style. Default appearance for text in table-level footer. Specify color, font-weight. |
|
TABLE_FOOTER_LEFT |
table.Tbl .TblFtrLft |
Table left footer's style. Used for left-aligned content in table-level footer. Specify color, float, font-weight. |
|
TABLE_GROUP_COL_FOOTER |
table.Tbl .TblGrpColFtr |
Table group's column footer style. Used for cells in group-level, column-level footers. Specify border-bottom, background color. |
|
TABLE_GROUP_COL_FOOTER_SORT |
table.Tbl .TblGrpColFtrSrt |
Table group's sort column's footer. Used for cells in group-level, column-level footers when footer is in a primary sort column. Specify background color, border-bottom. |
|
TABLE_GROUP_COL_FOOTER_TEXT |
.TblGrpColFtrTxt |
Table group footer text's style. Default appearance for text in group-level, column-level footers. Specify column, font-weight. |
|
TABLE_GROUP_FOOTER |
table.Tbl .TblGrpFtrRow |
Table group's footer's style. Used for cells in group-level, overall footer (i.e., spans the width of the table). Specify border-left, border-bottom, background-color, padding. |
|
TABLE_GROUP_FOOTER_TEXT |
.TblGrpFtrRowTxt |
Table group's footer text style. Default appearance for text in in group-level, overall footer. Specify color, font-weight. |
|
TABLE_PANEL_TD |
table.Tbl td.TblPnlTd |
Embeddd table panel's td style. Used for cell containing the hideable custom filter, sort and preferrences panels. Specify background-color, border-top, border-left, border-right, border-bottom, padding, vertical-align. |
|
TABLE_PANEL_SHADOW3_DIV |
.TblPnlShd3Div |
Table shadow panel's 3 div's style. Used for the panel to create a drop-shadow effect around its border. Specify border-left, border-right, border-bottom, margin-bottom, float, -moz-border-radius. |
|
TABLE_PANEL_SHADOW2_DIV |
.TblPnlShd2Div |
Table shadow panel's 2 div's style. Used for the panel to create a drop-shadow effect around its border. Specify border-left, border-right, border-bottom, border-top, -moz-border-radius. |
|
TABLE_PANEL_SHADOW1_DIV |
.TblPnlShd1Div |
Table shadow panel's 1 div's style. Used for the panel to create a drop-shadow effect around its border. Specify border-left, border-right, border-bottom, border-top, -moz-border-radius. |
|
TABLE_PANEL_DIV |
.TblPnlDiv |
Table panel's div style. Specify background-color, border, -moz-border-radius, padding, min-width |
|
TABLE_PANEL_TITLE |
.TblPnlTtl |
Table panel's title style. Used for the text of the panel title. Specify color, font-size, font-weight, padding. |
|
TABLE_PANEL_LAYOUT_DIV |
.TblPnlLytDiv |
Table panel layout style. Used for the outermost div of the panel. Specify border-top, display, padding, margin-left. |
|
TABLE_CUSTOM_FILTER_MENU |
.TblCstFltMnu |
Table custom filter menu style. Specify background-color, color, border-bottom-color and border-right-color. |
|
TABLE_MARGIN |
.TblMgn |
Table margin style. Used to set the 10px margins
to the left and right of the table. This is called in a <div> tag that
wraps around the table -- it is not used by IE. Specify margin. |
|
TABLE_PAGINATION_LEFT_BUTTON |
.TblPgnLftBtn |
Table's left pagination button style. Specify margin. |
|
TABLE_PAGINATION_RIGHT_BUTTON |
.TblPgnRtBtn |
Table's right pagination button style. Specify margin-right. |
|
TABLE_PAGINATION_SUBMIT_BUTTON |
.TblPgnGoBtn |
Table pagination's "go" (submit) button style. Specify margin-right. |
|
TABLE_HEADER_TABLE |
table.TblHdrTbl |
Table header table's style. Specify background, width, border. |
|
table.TblHdrTbl td |
Table header table's td style. Specify border, padding, vertical align, background, width. |
||
table.TblHdrTbl img |
Table header table's image style. Specify margin-bottom, padding-right, padding-left. |
||
table.Tbl table.TblHdrTbl img |
Table header table's image style. |
||
TABLE_HEADER_LINK_IMG |
table.Tbl a.TblHdrImgLnk img |
Table header link image style. Used for sort icons
in table column headers. Specify padding-right. |
|
table.Tbl th.TblColHdrSrt table.TblHdrTbl |
Table sort column header's table style. Specify background, width, border. |
||
TABLE_HEADER_SORTNUM |
table.Tbl .TblHdrSrtNum |
Table header sort number style. Table's sort
level text style. Specify font-size, font-weight, margin-left, width. |
|
table.Tbl span.TblColHdrSrtDis img |
Table header column's sort disabled style for images. Specify padding-right. |
||
span.TblColHdrSelDis img |
Table column header's span disabled style for images. Specify padding-right. |
||
table.Tbl .TblTdLyt img |
Table's td layout image style. Specify vertical-align, margin-bottom. |
||
table.Tbl .TblTdSrt img |
Table's sort image style.Specify vertical-align, margin-bottom. |
||
table.Tbl .TblTdAlm img |
Table's alarm image style.Specify vertical-align, margin-bottom. |
||
table.Tbl .TblTdSrtAlm img (not referenced) |
Table's sort alarm image style. Specify vertical-align, margin-bottom. |
||
table.Tbl .TblTdSel img |
Table's select image style. Specify vertical-align, margin. |
||
table.Tbl .TblTdSrtSel img |
Table's select column's sort image style. Specify vertical-align, margin. |
||
.TblTdLyt |
Table's layout style. None specified,. |
||
table.Tbl tr.TblHovRow td/ table.Tbl tr.TblHovRow th |
Table's hover style for row. None specified. |
||
TABLE_FOOTER_MESSAGE_SPAN |
table.Tbl .TblFtrMsgSpn |
Table's footer message's span style. Used to define the style for table footer's message. Specify float. |
|
TABLE_PANEL_CONTENT |
.TblPnlCnt |
Table panel's content style used for layout of the panel contents. |
|
TABLE_PANEL_BUTTON_DIV |
.TblPnlBtnDiv |
Table panel button div's style. Used for layout of the OK and Cancel buttons in the panel. Specify text-align, padding-top, margin-right. |
|
TABLE_PANEL_HELP_TEXT |
.TblPnlHlpTxt |
Table panel help text's style. Used for help
text shown in the panel. Specify padding-top, white-space, font-size,
max-width. |
|
TABLE_PANEL_TABLE=TblPnlSrtTbl |
.TblPnlSrtTbl td |
Table panel table's style. Specify padding. |
|
.TtldBoxInrDiv .TblMgn (not referenced) |
Titled box table margin. Specify margin. |
||
.TtldBoxInrDiv .Tbl (not referenced) |
Titled box table style. |
||
Light weight table design top | |||
TABLE_LITE |
table.TblLt |
Table's style. Style in the table tag after
TABLE_, that causes the table to render in "lite" mode, which is visually
less heavy. Specify background-color, color, width, padding,
border-bottom, empty-cells, border-collapse. |
|
table.TblLt td |
Table's td style. Specify border, padding, background-color. |
||
table.TblLt th |
Table's th style. Specify border, padding, background-color, font-weight. |
||
table.TblLt caption.TblTtlTxt |
Table's caption style. Specify text-align, color, pading, font-weight,
font-size, border, background. |
||
table.TblLt caption.TblTtlTxt span |
Table caption span's style. Specify font-weight , font-size |
||
table.TblLt caption.TblTtlTxt span.TblTtlTxtSpn |
Table caption's text span style. Specify float, font-weight, font-size. |
||
table.TblLt caption.TblTtlTxt span.TblTtlMsgSpn |
Table caption's message span style. Specify float, font-weight, font-size, color, margin-top. |
||
table.TblLt td.TblActTd |
Action bar's style. Specify background-color, padding, vertical-align, background-image, background-repeat, background-position, border |
||
table.TblLt td.TblActTdLst |
Action table's last row style. Specify background-color, padding, vertical-align, background-image, background-repeat, background-position, border |
||
table.TblLt th.TblColHdrSel |
Selection column header's style. Specify border-top, border-left, border-bottom, background-color |
||
table.TblLt th.TblColHdrSrtSel |
Selection column header's sort style. Sepcify background-color, border-top, border-left, border-bottom, background-image. |
||
table.TblLt th.TblColHdrSel a.TblHdrLnk:link |
Selection column header's link style. Specify background-color, background-image, bckground-position. |
||
table.TblLt th.TblColHdrSel a.TblHdrLnk:visited |
Selection column header's link visited style. Specify background-color, background-image, bckground-position. |
||
table.TblLt th.TblColHdrSel a.TblHdrLnk:hover |
Selection column header's link hover style. Specify background-color, background-image, bckground-position. |
||
table.TblLt th.TblColHdrSrtSel a.TblHdrImgLnk:hover |
Selection sort column's image link's hover style. Specify background-image, background-position |
||
table.TblLt th.TblColHdrSrtSel a.TblHdrLnk:hover |
Selection sort column header' s link hover style. Specify background-image, background-position |
||
table.TblLt th.TblColHdr |
Column header's style. Specify border-top, border-left, border-bottom, background-color. |
||
table.TblLt table.TblHdrTbl td |
Table header table's td style. Specify border, padding, margin, vertical-align, background, width. |
||
table.TblLt a.TblHdrLnk:link |
Table header's link style. Specify background-color, background-position, color, text-decoration, background-image, background-position, padding, min-height |
||
table.TblLt a.TblHdrLnk:visited |
Table header's link visited style. Specify background-color, background-position, color, text-decoration, background-image, background-position, padding, min-height |
||
table.TblLt a.TblHdrLnk:hover |
Table header link's hover style. Specify background-color, background-position, color, text-decoration, background-image, background-position. |
||
table.TblLt a.TblHdrImgLnk:link |
Table header's image link style. Specify background-color, color, text-decoration, border-left, background-image, background-position. |
||
table.TblLt a.TblHdrImgLnk:visited |
Table header's image link visited style. Specify background-color, color, text-decoration, border-left, background-image, background-position. |
||
table.TblLt a.TblHdrImgLnk:hover |
Table header's image link hover style. Specify color, background-image, background-color. |
||
table.TblLt span.TblColHdrSelDis |
Table header's selection column disabled style. Specify background-color, color, text-decoration, border-left, background-image, background-position |
||
table.TblLt .TblHdrTxt |
Table header text style. Specify background-color, color, text-decoration, background-image, background-position |
||
table.TblLt th.TblColHdrSrt |
Table sort column header's style. Specify border-top, border-left, border-bottom, background-color, background-image |
||
table.TblLt th.TblColHdrSrt a.TblHdrLnk:hover |
Table sort column header's link style. Specify color, text-decoration, background-image. |
||
table.TblLt th.TblColHdrSrt a.TblHdrImgLnk:link |
Table sort column header's link image style. Specify color, text-decoration, border-left. |
||
table.Tbl th.TblColHdrSrt a.TblHdrImgLnk:visited |
Table sort column header's link visited image style.Specify color, text-decoration, border-left. |
||
table.TblLt th.TblColHdrSrt a.TblHdrImgLnk:hover |
Table sort column header's link hover image style.Specify color, background-image. |
||
table.TblLt th.TblMultColHdr |
Multiple column header's style. Specify border-top, border-left, border-bottom, background-color, margin, padding, vertical-align. |
||
table.TblLt th.TblMultHdr |
Multiple header root style. Specify border-bottom, background-color, border-top, border-left, text-align, padding. |
||
table.TblLt th.TblMultColHdrSrt a.TblHdrLnk:hover |
Table multiple column sort header's link hover style. Specify color, text-decoration, background-image. |
||
table.TblLt th.TblMultColHdrSrt a.TblHdrImgLnk:hover |
Table multiple column sort header's link hover image style.Specify color, background-image |
||
table.TblLt .TblGrpRow |
Table group style. Specify background-color, border-left, border-top, background-image, background-position, padding. |
||
table.TblLt td.TblFtrRow |
Table footer's style.Specify padding, border, background-color, vertical-align, text-align, border-left, border-right. |
||
table.TblLt .TblFtrRowTxt |
Table footer text style. Specify font-weight and text style. |
||
table.TblLt .TblColFtr |
Column footer's style. Specify border-bottom, border-top, background-color. |
||
table.TblLt .TblColFtrSrt |
Table column's footer sort style. Specify background-color, border-bottom, border-top. |
||
table.TblLt .TblColFtrSpc |
Table column footer's spacer style. Specify border-left, border-bottom, border-top, background-color. |
||
table.TblLt td.TblPnlTd |
Table embedded panel style. Specify padding-left, border-top, border-bottom |
||
Tabs top | |||
TAB1_DIV |
.Tab1Div |
Style for the div containing the level 1 tabs. Specify background-color, background-image, background-repeat, background-position, padding.. |
|
.Tab1Div table |
Tab level1 table's style. Specify border-collapse. |
||
TAB1_LINK |
a.Tab1Lnk:link, a.Tab1Lnk:visited |
Tab level 1 link style for <a> tags for the unselected tabs in level 1. Specify color, text-decoration, display, padding, font-weight, text-align. |
|
a.Tab1Lnk:hover |
Tab level 1 link hover style. Specify text-decoration. |
||
.Tab1Div td |
1st level tab div's td style. Specify background-color, border, background-image, backround-repeat, background-position. |
||
TAB1_TABLE_SPACER_TD |
.Tab1Div td.Tab1TblSpcTd |
Level 1 tab table's spacer style. Used for the table cells <td> tags separating the unselected level 1 tabs. Specify background-color, background-image, backround-repeat, background-position, border. |
|
TAB1_SELECTED_TEXT_NEW |
.Tab1Div div.Tab1SelTxtNew |
Level 1 tab's new selected text style for the text containing the selected level 1 tab. Specify color, display, padding, font-weight, text-align.div |
|
TAB1_TABLE_SELECTED_TD | .Tab1TblSelTd | Style for the table cell (td) containing the selected level 1 tab | |
TAB1_TABLE_NEW |
table.Tab1TblNew td.Tab1TblSelTd |
Style for the table containing the level 1 tab set when the tab has 1 level, and selected level 1 tab table style. Specify background-color, background-image, backround-repeat, background-position, border, border-bottom. |
|
TAB_PADDING |
.Tab1Div td a.TabPad |
Level 1 tab's padding style. Specify padding. |
|
.Tab1Div td.Tab1TblSelTd div.TabPad |
Level 1 selected tab's padding style. Specify padding. |
||
TAB1_TABLE2_NEW |
table.Tab1Tbl2New td.Tab1TblSelTd |
Style for the table containing the level 1 tab set when the tab has 2 levels. Selected level 1 tab. Specify background-color, background-image. |
|
TAB1_TABLE3_NEW |
table.Tab1Tbl3New td.Tab1TblSelTd |
Style for the table containing the level 1 tab set when the tab has 3 levels. Selected level 1 tab. Specify background-color, background-image. |
|
TAB2_DIV |
.Tab2Div |
Style for the div containing the level 2 tabs. Use this as the style for accessing the level 2 tab component style classes. Specify background-color, background-image, background-repeat, background-position, padding. |
|
.Tab2Div table |
Tab level2 table's style. Specify border-collapse. |
||
TAB2_LINK |
a.Tab2Lnk:link, a.Tab2Lnk:visited |
Level 2 tab link style. Specify color, text-decoration, display, padding, text-align. |
|
a.Tab2Lnk:hover |
Level 2 tab hover style. Specify text-decoration. |
||
.Tab2Div td |
Level 2 tab's td style. Specify background-color, border, background-image, background-repeat, background-position. |
||
TAB2_SELECTED_TEXT |
.Tab2Div div.Tab2SelTxt |
Level 2 tab's selected text style. Specify color, display, padding, font-weight, text-align. |
|
TAB2_TABLE_SELECTED_TD |
table.Tab2TblNew td.Tab2TblSelTd |
Second level tab's selected table style. Specify background-color, border-left, border-right, border-top, background-image. |
|
.Tab2Div td.Tab2TblSelTd |
Second level tab's selected table style. Specify border-bottom, background-repeat, background-position. |
||
table.Tab2Tbl3New td.Tab2TblSelTd |
Second level tab table 3 selected style. Specify background-color, border-left, border-right, border-top, background-image |
||
.Tab2Div td a.TabPad |
Second level tab's padding style. Specify padding. |
||
.Tab2Div td.Tab2TblSelTd div.TabPad |
Second level selected tab's padding style. Specify padding. |
||
TAB3_DIV |
.Tab3Div |
Style for the div containing the level 3 tabs. Use this as the style for accessing the level 3 tab component style classes. Specify background-color, background-image, padding, background-repeat, background-position. |
|
TAB3_LINK |
a.Tab3Lnk:link,a.Tab3Lnk:visited |
Link style <a> for the unselected tabs in level 3. Specify color, text-decoration, display, padding, text-align. |
|
a.Tab3Lnk:hover |
Level 3 tab hover style. Specify text-decoration. |
||
TAB3_TABLE_NEW |
table.Tab3TblNew |
Level 3 tab table's style. Specify background-color. |
|
table.Tab3TblNew td |
Level 3 tab table's td style. Specify border-bottom. |
||
TAB3_SELECTED_TEXT |
table.Tab3TblNew div.Tab3SelTxt |
Level 3 tab table's selected text style. Specify color, font-weight, padding, text-align.. |
|
TAB3_TABLE_SELECTED_TD |
table.Tab3TblNew td.Tab3TblSelTd |
Level 3 tab's selected table's style. Specify border-left, border-right, border-top, background-color, background-image, border-bottom, background-repeat, background-position. |
|
.Tab3Div td a.TabPad |
Third level tab's padding style. Specify padding. |
||
.Tab3Div td.Tab3TblSelTd div.TabPad |
Third level selected tab's padding style. Specify padding. |
||
.Tab1Div td.hidden, .Tab2Div td.hidden, .Tab3Div td.hidden |
Tab's hidden style. Specify display. |
||
Text Field top | |||
TEXT_FIELD |
.TxtFld |
Text field's style. Specify border-top, border-left, border-bottom, border-right, padding-left. |
|
TEXT_FIELD_DISABLED |
.TxtFldDis |
Text field's disabled style. Specify background-color, color, border-top, border-left, border-right, border-bottom,padding-left |
|
TEXT_AREA |
.TxtAra |
Text area's style. Specify border-top, border-left, border-bottom, border-right, padding-left. |
|
TEXT_AREA_DISABLED |
.TxtAraDis |
Text area's disabled style. Specify background-color, color, border-top, border-left, border-right, border-bottom,padding-left |
|
|
|||
Tree top | |||
TREE |
.Tree |
Tree's style. Specify background-color, width. |
|
TREE_LINK |
a.TreeLink:link, a.TreeLink:visited, a.TreeLink:hover |
Tree link's style. Specify color, text-decoration. |
|
TREE_HAS_SELECTED_CHILD_LINK |
a.TreeParentLink:link, a.TreeParentLink:visited, a.TreeParentLink:hover |
Tree parent link's style. Specify color, text-decoration, font-style. |
|
TREE_SELECTED_LINK |
a.TreeSelLink:link, a.TreeSelLink:visited, a.TreeSelLink:hover |
Tree's selected link style. Specify color, text-decoration, font-weight. |
|
TREE_ROOT_ROW |
.TreeRootRow |
Tree root row's style. Specify background-color,height. |
|
TREE_ROOT_ROW_HEADER |
.TreeRootRowHeader |
Tree root row header's style. Specify background-color, height . |
|
TREE_SELECTED_ROW |
.TreeSelRow |
Tree's selected row style. Specify padding-top, padding-bottom. |
|
TREE_SELECTED_TEXT |
.TreeSelText |
Tree's selected text style. Specify color, font-weight |
|
TREE_IMAGE |
.TreeImg |
Tree image style. Specify padding-top, padding-bottom. |
|
TREE_IMAGE_HEIGHT |
.TreeImgHeight |
Tree image height style. |
|
TREE_CONTENT |
.TreeContent |
Tree content's style. Specify display, vertical-align, padding-left. |
|
TREE_LINK_SPACE |
.TreeLinkSpace |
Tree link space style. Specify margin-left. |
|
TREE_ROW |
.TreeRow |
Tree row's style. Specify white-space, clear. |
|
.TreeRow .float |
Tree row's float style. Specify padding-left. |
||
.TreeRootRow .float |
Tree root row's float style. Specify padding-left. |
||
.TreeSelRow .float |
Selected tree row's float style. Specify padding style. |
||
Version page top | |||
VERSION_MARGIN |
.VrsMgn |
Version's margin style. Specify background-color, position, width, height, top, right, bottom, left, overflow. |
|
VERSION_BUTTON_BODY |
.VrsBtnBdy |
Version button body's style. Specify background-color. |
|
VERSION_BODY |
.VrsBdy |
Version's body style. Specify background-color, position, height. |
|
VERSION_HEADER_TEXT |
.VrsHdrTxt |
Version header text style. Specify color, font-weight, margin, font-size. |
|
VERSION_TEXT |
.VrsTxt |
Version text style. Specify color, margin. |
|
VERSION_MASTHEAD_BODY |
.VrsMstBdy |
Version masthead body's style. Specify background-color, background-image, background-repeat. |
|
.VrsBtnAryDiv |
Version button margin's style. Specify text-align, padding, position, widthm height, top, right, bottom |
||
VERSION_PRODUCT_DIV |
.VrsPrdDiv |
Version's product image div's style. Specify padding. |
|
VERSION_LOGO_TD |
.VrsLgoTd |
Version's logo image style. Specify text-align, vertical align, padding |
|
VERSION_PRODUCT_TD |
.VrsPrdTd |
Version's product image style. Specify vertical align. |
|
Wizard top | |||
WIZARD |
.Wiz |
Wizard selector for wizard styles. |
|
WIZARD_MASTHEAD | .WizMst |
Sets size, location, color, resizing and scrolling behavior for the <div> containing the secondary masthead | |
WIZARD_STEP_LINK | .WizStpLnk | Sets the font color for the hyperlinked previous steps | |
WIZARD_BODY |
.WizBdy |
Wizard's body style. Specify color, border-left, border-top, background-color,
position, width, height, top, right, left, bottom, overflow, background-repeat,
background-position, padding-top. |
|
WIZARD_BUTTON |
.WizBtn |
Wizard button's style. Specify background, border-left, position,
width, height,top, right, bottom, left . |
|
WIZARD_BUTTON_DIV |
.WizBtnDiv | Sets padding for navigation buttons | |
WIZARD_CONTENT_HELP_TEXT | .WizCntHlpTxt | Sets the padding, font color, weight, and size for content area help text | |
WIZARD_HELP_DIV | .WizHlpDiv | Style used for <div> containing the left-pane help | |
WIZARD_HELP_TEXT | .WizHlpTxt | Sets the font color and weight for the left pane help text | |
WIZARD_STEP |
.WizStp |
Wizard step's style. Specify color, border-top, background-color,
position, width, height, top, right, left, bottom, overflow. |
|
WIZARD_STEP_ARROW_DIV | .WizStpArwDiv | Sets the padding for the arrow gif showing the current step | |
WIZARD_STEP_CURRENT_TEXT |
.WizStpCurTxt | Sets the font color and weight for step description text of the current step | |
WIZARD_STEP_NUMBER_DIV | .WizStpNumDiv | Sets the padding for the <div> containing step numbers | |
WIZARD_STEP_TABLE |
.WizStpTbl | Used for table containing the list of wizard steps | |
WIZARD_STEP_TAB |
.WizStpTab |
Wizard step tab's style. Specify background-color. |
|
WIZARD_STEP_TEXT | .WizStpTxt | Sets the font color and weight for step description text | |
WIZARD_STEP_TEXT_DIV | .WizStpTxtDiv | Sets the padding for the <div> containing step descriptions | |
WIZARD_SUB_TITLE_DIV |
.WizSubTtlDiv | Sets padding for current step description in the content pane | |
WIZARD_SUB_TITLE_TEXT |
.WizSubTtlTxt | Set the padding for sub step title | |
WIZARD_SUBSTEP_TITLE_DIV |
.WizSubStpTtlDiv | Set the padding for sub step title | |
WIZARD_SUBSTEP_TITLE_TEXT | .WizSubStpTtlTxt |
Sets the font color,
weight, and size for substep title text |
|
WIZARD_TASK |
.WizTsk | Wizard beginning step outer div style. | |
WIZARD_TITLE |
.WizTtl |
Wizard title's style. Specify background-color, position, width,
height, top, right, left, bottom,margin. |
|
WIZARD_STEPS_PANE_TITLE_DIV |
.WizStpsPnTtlDiv | Wizard step's title pane div's style. | |
The images used by the components
are located in the com/sun/web/ui/defaulttheme/images
directory, in component subdirectories. These images
are mapped to keys in the images.properties
file.
The keys for the images are listed in the table below. Note that keys might have been added or changed since this
document was created. The images.properties
file contains the
correct set of keys.
Image key name |
Description |
---|---|
ALARM_CRITICAL_SMALL |
Critical alarm, small image. |
ALARM_CRITICAL_MEDIUM |
Critical alarm, medium image. |
ALARM_MAJOR_SMALL |
Major alarm, small image. |
ALARM_MINOR_SMALL |
Minor alarm, small image. |
ALARM_MINOR_MEDIUM |
Minor alarm, medium image. |
ALARM_DOWN_SMALL |
Down alarm, small image. |
ALARM_DOWN_MEDIUM |
Down alarm, medium image. |
ALARM_MASTHEAD_CRITICAL_MEDIUM |
Critical alarm in masthead, medium image. |
ALARM_MASTHEAD_CRITICAL_DIMMED |
Critical alarm in masthead, medium image, dimmed. |
ALARM_MASTHEAD_MAJOR_MEDIUM |
Major alarm in masthead, medium image. |
ALARM_MASTHEAD_MAJOR_DIMMED |
Major alarm in masthead, medium image, dimmed. |
ALARM_MASTHEAD_MINOR_MEDIUM |
Minor alarm in masthead, medium image. |
ALARM_MASTHEAD_MINOR_DIMMED |
Minor alarm in masthead, medium image, dimmed. |
ALERT_DEGRADED_DIMMED |
Degraded alert, dimmed image. |
ALERT_DEGRADED_LARGE |
Degraded alert, large image. |
ALERT_DEGRADED_MEDIUM |
Degraded alert, medium image. |
ALERT_DEGRADED_SMALL |
Degraded alert, small image. |
ALERT_ERROR_LARGE |
Error type Alert, large image. |
ALERT_ERROR_MEDIUM |
Error type Alert, medium image. |
ALERT_ERROR_SMALL |
Error type Alert, small image. |
ALERT_FAILED_DIMMED |
Failed/Fatal type alert, dimmed image. |
ALERT_FAILED_LARGE |
Failed/Fatal type alert, large image. |
ALERT_FAILED_MEDIUM |
Failed/Fatal type alert, medium image. |
ALERT_FAILED_SMALL |
Failed/Fatal type alert, small image. |
ALERT_HELP_LARGE |
Help/Question type alert, large image. |
ALERT_HELP_MEDIUM |
Help/Question type alert, medium image. |
ALERT_HELP_SMALL |
Help/Question type alert, small image. |
ALERT_INFO_LARGE |
Information type alert, large image. |
ALERT_INFO_MEDIUM |
Information type alert, medium image. |
ALERT_INFO_SMALL |
Information type alert, small image. |
ALERT_OK_DIMMED |
Ok type alert, dimmed image. |
ALERT_OK_LARGE |
Ok type alert, large image. |
ALERT_OK_MEDIUM |
Ok type alert, medium image. |
ALERT_OK_SMALL |
Ok type alert, small image. |
ALERT_SUCCESS_LARGE |
Success alert, large image. |
ALERT_SUCCESS_MEDIUM |
Success alert, medium image. |
ALERT_SUCCESS_SMALL |
Success alert, small image. |
ALERT_UNKNOWN_DIMMED |
Unknown type alert, dimmed image. |
ALERT_UNKNOWN_LARGE |
Unknown type alert, large image. |
ALERT_UNKNOWN_MEDIUM |
Unknown type alert, small image. |
ALERT_UNKNOWN_SMALL |
Unknown type alert, small image. |
ALERT_WARNING_LARGE |
Warning alert, large image. |
ALERT_WARNING_MEDIUM |
Warning alert, medium image. |
ALERT_WARNING_SMALL |
Warning alert, small image. |
PRIMARY_ENABLED |
Primary button enabled. |
PRIMARY_MINI_ENABLED |
Mini primary button, enabled. |
PRIMARY_MINI_ROLL |
Mini primary button roll over image |
PRIMARY_ROLL |
Primary button roll over image. |
SECONDARY_ENABLED |
Secondary button enabled. |
SECONDARY_MINI_ENABLED |
Secondary mini button enabled. |
SECONDARY_MINI_ROLL |
Secondary mini button roll over image. |
SECONDARY_ROLL |
Secondary roll over button image. |
CALENDAR_BACKWARD |
Back image for calendar. |
CALENDAR_DROP_SHADOW |
Calendar's shadow image. |
CALENDAR_FOOTER_GRADIENT |
Calendar footer gradient image. |
CALENDAR_TITLE_GRADIENT |
Calendar title gradient image. |
CALENDAR_FORWARD |
Calendar forward button image. |
CALENDAR_BUTTON |
Calendar button's image. |
CALENDAR_BUTTON_DISABLED |
Calendar button's disabled image. |
CALENDAR_BUTTON_FLIP |
Calendar button's flip image. |
CALENDAR_BUTTON_ROLL |
Calendar button's roll over image. |
HELP_BACK |
Help's back button.. |
HELP_BACK_DISABLED |
Help's back button disabled. |
HELP_FORWARD |
Help's forward button. |
HELP_FORWARD_DISABLED |
Help's forward disabled button. |
HELP_PRINT |
Help window print image . |
HELP_PRINT_DISABLED |
Print disabled image style. |
HELP_BTNNAV_GRADIENT |
Help navigation button gradient image. |
HREF_ANCHOR |
Href's anchor image. |
HREF_TOP |
Top href image. |
HREF_LINK |
Href link image. |
LABEL_INVALID_ICON |
Invalid icon image for label. |
LABEL_REQUIRED_ICON |
Required icon image for label. |
MASTHEAD_STATUS_ICON |
Masthead's status icon image. |
MASTHEAD_BACKGROUND |
Masthead's background image. |
MASTHEAD_SEPARATOR |
Masthead's separator image. |
MASTHEAD_LINK_ENABLED |
Masthead's link enabled image. |
MASTHEAD_LINK_ROLL |
Masthead's link roll over image. |
SEC_MASTHEAD_BACKGROUND |
Secondary masthead's background image. |
MASTHEAD_STATUS_AREA_SEPARATOR |
Masthead's status area separator image. |
DOT |
Spacer image. |
SEARCH |
Search image. |
PAGETITLE_SEARCH_SEPARATOR |
Pagetitle search separator image. |
SCHEDULER_FORWARD |
Scheduler's forward link image. |
SCHEDULER_POPUP |
Scheduler's popup link image. |
SCHEDULER_BACKWARD |
Scheduler's back link image. |
SCHEDULER_GRADIENT |
Scheduler's gradient image. |
TABLE_ACTIONS_SEPARATOR |
Table's action separator image. |
TABLE_DESELECT_MULTIPLE |
Deselect multiple selections icon image. |
TABLE_DESELECT_SINGLE |
Deselect a single selection icon image. |
TABLE_EMBEDDED_ACTIONS_SEPARATOR |
Table's embedded actions separator image. |
TABLE_EMPTY_CELL |
Empty table cell indicator image. |
TABLE_GROUP_PANEL |
Collapsed table group panel image. |
TABLE_GROUP_PANEL_FLIP |
Expand table group panel image icon. |
TABLE_PAGINATE |
Pagination image. |
TABLE_PAGINATION_FIRST |
Paginate to first page link image. |
TABLE_PAGINATION_FIRST_DISABLED |
Paginate to first page disabled link image. |
TABLE_PAGINATION_LAST |
Paginate to last page link image. |
TABLE_PAGINATION_LAST_DISABLED |
Paginate to last page disabled link image. |
TABLE_PAGINATION_NEXT |
Paginate to next page link image. |
TABLE_PAGINATION_NEXT_DISABLED |
Pagination to next page disabled link image. |
TABLE_PAGINATION_PREV |
Paginate to previous page link image. |
TABLE_PAGINATION_PREV_DISABLED |
Paginate to previous page disabled link image. |
TABLE_PREFERENCES_PANEL |
Table preferences panel enable link image. |
TABLE_PREFERENCES_PANEL_FLIP |
Table preferences panel hide link image. |
TABLE_SCROLL_PAGE |
Scroll through all table contents link image. |
TABLE_SELECT_MULTIPLE |
Multiple selection link image. |
TABLE_SORT_ADD |
Add sort link image. |
TABLE_SORT_ASCENDING |
Sort in ascending order link image. |
TABLE_SORT_CLEAR |
Clear sorting link image. |
TABLE_SORT_DESCENDING |
Sort in descending order link image. |
TABLE_SORT_DESCENDING_DISABLED |
Sort in descending order link disabled image. |
TABLE_SORT_PANEL |
Sort panel display link image. |
TABLE_SORT_PANEL_FLIP |
Flip sort panel display link image. |
TABLE_SORT_PRIMARY |
Primary sort column link image. |
TABLE_SORT_SELECT |
Primary sort column selection link image. |
TABS_LEVEL1_BACKGROUND |
Level 1 tab background image. |
TABS_LEVEL1_DESELECT |
Level 1 tab deselected background image. |
TABS_LEVEL1_SELECTED |
Level 1 tab selected background image. |
TABS_LEVEL1_SELECTED_1LEV |
Level 1 tab selected image for 1 level tab image. |
TABS_LEVEL2_BACKGROUND |
Level 2 tab background image. |
TABS_LEVEL2_DESELECT |
Level 2 tab deselected state image. |
TABS_LEVEL2_SELECTED |
Level 2 tab selected state image. |
TABS_LEVEL3_BACKGROUND |
Level 3 tab background image. |
TABS_LEVEL3_DESELECT |
Level 3 tab deselected state image. |
TABS_LEVEL3_SELECTED |
Level 3 tab selected state image. |
TABS_MINITAB_BACKGROUND |
Mini tab background image. |
TABS_MINITAB_DESELECT |
Minitab deselected state image. |
TABS_MINITAB_SELECTED |
Minitab selected state image. |
TAB_DIVIDER |
Tab's divider image. |
The images.properties
file maps each image with the absolute path of the image. To change
an image in your own theme, edit the appropriate key to provide the
new path for the image. For example, for the key ALARM_CRITICAL_SMALL
,
you might change the mapping as follows:
ALARM_CRITICAL_SMALL=/com/sun/web/ui/foo/images/alarms/critical_small.gif
For each image, the
default height and width must also be supplied. These dimensions
are specified in the images.properties
file with the format:
<IMAGE_KEY_NAME>_HEIGHT=
<IMAGE_KEY_NAME>_WIDTH=
For example, for the key
ALARM_CRITICAL_SMALL
, the height and width would be specified
as
ALARM_CRITICAL_SMALL_HEIGHT=10
ALARM_CRITICAL_SMALL_WIDTH=10
The alt text for the image is also mapped in the images.properties
file. The alt text is specified with the format:
<IMAGE_KEY_NAME>_ALT=<message_key>
For example, for the key ALERT_ERROR_LARGE_ALT,
the alt text
is set to a message key, Alert.errorImageAltText
, as follows:
ALERT_ERROR_LARGE_ALT=Alert.errorImageAltText
The Alert.errorImageAltText
is defined in the messages.properties
file.
messages.properties
file contains the
text that is displayed by the components, including button text, labels, error
messages, and alt text. The keys that define the
messages are listed in the following table. Note that keys might have
been added or changed since this document was created. The message.properties
file contains the complete set of keys.Editablelist messages | EditableList.add |
EditableList.remove | |
EditableList.defaultListLabel | |
EditableList.defaultFieldLabel | |
EditableList.invalidListType | |
EditableList.fieldEmpty | |
EditableList.itemTooLong | |
EditableList.invalidRemove | |
StringLengthValidator messages |
StringLengthValidator.itemTooLong |
StringLengthValidator.itemTooShort | |
Alarm messages |
Alarm.criticalImageAltText |
Alarm.majorImageAltText | |
Alarm.minorImageAltText | |
Alarm.downImageAltText | |
Alarm.okImageAltText | |
Alert messages |
Alert.errorImageAltText |
Alert.helpImageAltText | |
Alert.infoImageAltText | |
Alert.warningImageAltText | |
Full page alert messages |
PageAlert.back |
Label/Legend/Other |
Other.requiredAltText |
Legend.requiredField | |
Addremove messages |
AddRemove.add |
AddRemove.addAll | |
AddRemove.remove | |
AddRemove.removeAll | |
AddRemove.moveUp | |
AddRemove.moveDown | |
AddRemove.available | |
AddRemove.selected | |
Calendar messages |
CalendarMonth.weekdaySun |
CalendarMonth.weekdayMon | |
CalendarMonth.weekdayTue | |
CalendarMonth.weekdayWed | |
CalendarMonth.weekdayThu | |
CalendarMonth.weekdayFri | |
CalendarMonth.weekdaySat | |
CalendarMonth.close | |
CalendarMonth.selectYear | |
CalendarMonth.selectMonth | |
CalendarMonth.goBack | |
CalendarMonth.goForward | |
CalendarMonth.todayIs | |
CalendarMonth.skipLink | |
Scheduler messages |
Scheduler.startHourTitle |
Scheduler.startMinuteTitle | |
Scheduler.endHourTitle | |
Scheduler.endMinuteTitle | |
Scheduler.repeatLimit | |
Scheduler.repeatLimitTitle | |
Scheduler.hours | |
Scheduler.days | |
Scheduler.weeks | |
Scheduler.months | |
Scheduler.repeatInterval | |
Scheduler.hourly | |
Scheduler.daily | |
Scheduler.weekly | |
Scheduler.monthly | |
Scheduler.oneTime | |
Scheduler.requiredLegend | |
Scheduler.startDate | |
Scheduler.startTime | |
Scheduler.endTime | |
Scheduler.blankForWhat | |
Scheduler.preview | |
Scheduler.invalidDate | |
Scheduler.invalidStartTime | |
Scheduler.invalidEndTime | |
Scheduler.endBeforeStart | |
Scheduler.repeatIntervalDesc | |
Scheduler.repeatUnitDesc | |
Filechooser |
filechooser.fileNameLen |
filechooser.fileSizeLen | |
filechooser.fileDateLen | |
filechooser.dateFormat | |
filechooser.timeFormat | |
filechooser.lookinColumn | |
filechooser.multipleColumn | |
filechooser.singleColumn | |
filechooser.title | |
filechooser.fileChooserTitle | |
filechooser.folderChooserTitle | |
filechooser.summary | |
filechooser.enterKeyHelp | |
filechooser.multiSelectHelp | |
filechooser.serverPrompt | |
filechooser.fileFilter | |
filechooser.folderFilter | |
filechooser.sortBy | |
filechooser.cancel | |
filechooser.cancelMsg | |
filechooser.chooseFile | |
filechooser.chooseFiles | |
filechooser.chooseFolder | |
filechooser.chooseFolders | |
filechooser.chooseFileTooltip | |
filechooser.chooseFolderTooltip | |
filechooser.fileName | |
filechooser.folderName | |
filechooser.openFolder | |
filechooser.openFolderTitle | |
filechooser.upOneLevel | |
filechooser.upOneLevelTitle | |
filechooser.sortOption1 | |
filechooser.sortOption2 | |
filechooser.sortOption3 | |
filechooser.sortOption4 | |
filechooser.sortOption5 | |
filechooser.sortOption6 | |
filechooser.noFolderSelectedErrSum | |
filechooser.noFolderSelectedErrDet | |
filechooser.cannotCompleteErrSum | |
filechooser.cannotCompleteErrDet | |
filechooser.enterValidNameErrDet | |
filechooser.nameNotFolderErrDet | |
filechooser.tooManyFolderErrSum | |
filechooser.tooManyFolderErrDet | |
filechooser.tooManyFileErrSum | |
filechooser.tooManyFileErrDet | |
filechooser.tooManyFileFolderErrSum | |
filechooser.tooManyFileFolderErrDet | |
filechooser.noFileSelectedSum | |
filechooser.noFileSelectedDet | |
filechooser.selectFolderDet | |
filechooser.errNoFileFoundSum | |
filechooser.errNoFileFoundDet | |
filechooser.errMoveUpErrSum | |
filechooser.errMoveUpErrDet | |
filechooser.cannot_read | |
filechooser.file_does_not_exist | |
filechooser.selectedFile | |
filechooser.selectedFolder | |
filechooser.selectedFileAndFolder | |
filechooser.selectedFiles | |
filechooser.selectedFolders | |
filechooser.selectedFileAndFolders | |
filechooser.fileSelectError | |
filechooser.folderSelectError | |
filechooser.cannotSelectFile | |
filechooser.cannotSelectFolder | |
filechooser.listTitleFile | |
filechooser.listTitleFolder | |
filechooser.listTitleFileAndFolder | |
Help |
help.help |
help.close | |
help.noframes | |
help.contentsTab | |
help.contentsTabTooltip | |
help.contentsTabStatus | |
help.indexTab | |
help.indexTabTooltip | |
help.indexTabStatus | |
help.searchTab | |
help.searchTabTooltip | |
help.searchTabStatus | |
help.backButtonTitle | |
help.forwardButtonTitle | |
help.printButtonTitle | |
help.closeButton | |
help.closeButtonTitle | |
help.findLabel | |
help.findFieldTitle | |
help.searchFieldTitle | |
help.searchButton | |
help.searchButtonAlt | |
help.searchButtonTitle | |
help.noResultsFound | |
help.tips | |
help.tipsImprove | |
help.tipsImprove1 | |
help.tipsImprove2 | |
help.tipsImprove3 | |
help.tipsImprove4 | |
help.tipsNote | |
help.tipsNoteDetails | |
help.tipsSearch | |
help.tipsSearch1 | |
help.tipsSearch2 | |
help.tipsSearch3 | |
help.tipsSearch4 | |
List component messages |
ListSelector.badValue |
Masthead messages |
masthead.versionLabel |
masthead.versionTooltip | |
masthead.versionStatus | |
masthead.versionWindowTitle | |
masthead.userLabel | |
masthead.userLinkTitle | |
masthead.serverLabel | |
masthead.helpLabel | |
masthead.lastUpdate | |
masthead.tasksRunning | |
masthead.currentAlarms | |
masthead.currentAlarmsTitle | |
masthead.tasksRunningAltText | |
masthead.tasksRunningTitle | |
masthead.downAlarmTitle | |
masthead.majorAlarmTitle | |
masthead.minorAlarmTitle | |
masthead.criticalAlarmTitle | |
masthead.skipTagAltText | |
masthead.statusSkipTagAltText | |
MessageGroup |
messageGroup.heading |
OrderableList |
OrderableList.defaultListLabel |
OrderableList.moveUp | |
OrderableList.moveDown | |
OrderableList.moveTop | |
OrderableList.moveBottom | |
OrderableList.moveMessage | |
OrderableList.invalidListType | |
PropertySheet messages |
propertySheet.jumpToSectionTooltip |
propertySheet.jumpToTop | |
propertySheet.jumpToTopTooltip | |
Table messages |
table.emptyTableCell |
table.emptyData | |
table.filteredData | |
table.hiddenSelections | |
table.confirm.hiddenSelections | |
table.confirm.totalSelections | |
table.confirm.deleteSelections | |
table.group.expand | |
table.group.collapse | |
table.group.selectMultiple | |
table.group.deselectMultiple | |
table.group.warning | |
table.panel.applyChanges | |
table.panel.cancel | |
table.panel.cancelChanges | |
table.panel.duplicateSelectionError | |
table.panel.filterTitle | |
table.panel.missingSelectionError | |
table.panel.none | |
table.panel.preferencesTitle | |
table.panel.primarySortColumn | |
table.panel.secondarySortColumn | |
table.panel.sortTitle | |
table.panel.submit | |
table.panel.tertiarySortColumn | |
table.panel.help | |
table.pagination.first | |
table.pagination.last | |
table.pagination.next | |
table.pagination.previous | |
table.pagination.page | |
table.pagination.paginated | |
table.pagination.scroll | |
table.pagination.submit | |
table.pagination.submitPage | |
table.pagination.pages | |
table.select.deselectMultiplePaginated | |
table.select.deselectMultiple | |
table.select.deselectSinglePaginated | |
table.select.deselectSingle | |
table.select.selectMultiplePaginated | |
table.select.selectMultiple | |
table.select.selectedItems | |
table.select.selectionColumn | |
table.sort.alt.add | |
table.sort.alt.primary | |
table.sort.alt.toggle | |
table.sort.button.add | |
table.sort.button.primary | |
table.sort.button.toggle | |
table.sort.link.none | |
table.sort.link.other | |
table.sort.link.primary | |
table.sort.augment.alarmDescending | |
table.sort.augment.alarmAscending | |
table.sort.augment.booleanDescending | |
table.sort.augment.booleanAscending | |
table.sort.augment.charDescending | |
table.sort.augment.charAscending | |
table.sort.augment.dateDescending | |
table.sort.augment.dateAscending | |
table.sort.augment.numericDescending | |
table.sort.augment.numericAscending | |
table.sort.augment.stringDescending | |
table.sort.augment.stringAscending | |
table.sort.augment.undeterminedDescending | |
table.sort.augment.undeterminedAscending | |
table.title.filterApplied | |
table.title.paginated | |
table.title.paginatedItems | |
table.title.scroll | |
table.title.scrollItems | |
table.viewActions.clearSort | |
table.viewActions.filter | |
table.viewActions.customFilter | |
table.viewActions.customFilterApplied | |
table.viewActions.sort | |
table.viewActions.preferences | |
TabSet | tab.skipTagAltText |
tabSet.selectedTab | |
Time component |
Time.invalidData |
Time.enterHour | |
Time.enterMinute | |
Time.required | |
Time.gmt | |
Tree component |
tree.skipTagAltText |
File Upload messages |
FileUpload.noFile |
Upload.error | |
Version Page resources |
Version.closeButton |
Version.noImage | |
Wizard Messages | Wizard.cancel |
Wizard.close | |
Wizard.finish | |
Wizard.next | |
Wizard.previous | |
Wizard.stepTitleLabel | |
Wizard.placeholderText | |
Wizard.stepTab | |
Wizard.helpTab | |
Wizard.tabToolTip |
Copy the defaulttheme to another subdirectory within the themes directory.
Within the new theme directory, you can:
images.properties.
See
Theme Images and The
images.properties file for more information.Edit the messages.properties
to change text produced
by the components. See
Theme Messages for more information.
Make changes to the styles in the CSS stylesheets, noting that only
color changes are recommended.
If you are adding new styles, you must add
style keys to the styles.property
sheet, and add the style selectors
and definitions to the CSS stylesheets. See Theme
Stylesheets, Keys, and Selectors and Manifest
File for more information.
Build your customtheme jar, using the modified theme files such as additional images, styles, js, messages, etc.
Update the new theme's MANIFEST.MF
appropriately
for the theme.
X-SJWUIC-Theme-Name:
customtheme #
Theme name.
X-SJWUIC-Theme-Prefix: /theme # Relative path to the theme.
X-SJWUIC-Theme-Messages: com.sun.web.ui.customtheme.messages.messages # Location of messages.properties file.
X-SJWUIC-Theme-Images: com.sun.web.ui.customtheme.properties.images # Location of image.properties file.
X-SJWUIC-Theme-JavaScript: com.sun.web.ui.customtheme.properties.javascript # Location of javascript.properties file.
X-SJWUIC-Theme-Stylesheets: com.sun.web.ui.customtheme.properties.stylesheets # Location of stylesheet.properties file.
X-SJWUIC-Theme-ClassMapper: com.sun.web.ui.customtheme.properties.styles # Location of the file that maps the
selector keys to the actual selectors.
web.xml
to specify the theme name
to enable the application to use the theme. For example:<context-param>
<param-name>com.sun.web.ui.DEFAULT_THEME</param-name>
<param-value>customtheme</param-value>
</context-param>
Build your application with the new theme.
Deploy your application.