About Themes
Structure of the defaulttheme JAR File
Manifest File
Theme Properties Files
The javascript.properties file
Theme Stylesheets
CSS Selectors for the Components
Theme Images
images.properties file
Theme Messages
Creating a Theme
This document describes the structure of the default theme for the JavaServer Faces 1.1 components available to a J2EE 1.4 or J2EE 1.3 projects with Visual Web JSF support, primarily the components in the Basic, Layout, and Composite categories of the Palette. Other themes used by the IDE use a similar structure. The themes that ship with the IDE should not be edited.
There are several standard theme files available in the IDE, one for JavaServer Faces 1.2 components and three for JavaServer Faces 1.1 components. They are located in install-dir
/rave2.0/modules/ext
.
The files are:
webui-jsf-suntheme.ja
r
(JavaServer Faces 1.2 theme) defaulttheme.jar
(JavaServer Faces 1.1 theme)defaulttheme-gray.jar
(JavaServer Faces 1.1 theme)defaulttheme-green.jar
(JavaServer Faces 1.1 theme)There can be other themes in this directory, such as themes for sample applications.
The default theme for the JavaServer Faces 1.1 components, and the theme described in this
document, is defaulttheme.jar
. The theme consists of images, JavaScript, CSS
files, and messages that are used by the components to define the look and feel of the
components. This document describes the files that make up the theme and how they are used by
the components.
A theme includes the following files:
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 can be either text or paths to resources.
The defaulttheme.jar
file 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 file. The theme module reads the manifest file for the
location of the properties files.
The defaulttheme's manifest file contains the following keys that define information about the theme:
Implementation-Title: Sun Java Web User Interface Components 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 that 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.
The properties files contain key value pairs that map a property key to its actual value.
The key is used by the components to find the appropriate path to an image, JavaScript file,
or stylesheet. The names of the keys must not be changed.
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 AddRemove component. |
calendar |
calendar=calendar.js
|
Functions for the Calendar component. |
orderableList |
orderableList=orderablelist.js
|
Functions for the OrderableList component. |
table |
table=table.js
|
Functions for the Table component. |
tree |
tree=tree.js
|
Functions for the Tree component. |
editableList |
editableList=editablelist.js
|
Functions for the EditableList component. |
The defaulttheme JAR file contains 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 CSS selectors that the theme module provides for components are listed in tables in this
section, which are organized according to the components that use them.
Add Remove List Selectors
Alert Selectors
Breadcrumbs Selectors
Button Selectors
Calendar Selectors
Checkbox and Radio Button Selectors
Drop Down List Selectors
List Selectors
Inline Help Selectors
Message/Message Group Selectors
Mini Tab Selectors
Label Selectors
Page Alert Selectors
Property Sheet Selectors
Navigation Link (SkipHyperlink) Selectors
Table Selectors
Tab Selectors
Text Field/Text Area/Password Selectors
Tree Selectors
The following table lists the CSS style classes and rules used for the defaulttheme.
CSS Selectors |
Description |
---|---|
BODY, TH, TD, P, DIV, SPAN, INPUT, SELECT, TEXTAREA, FORM, B, STRONG, I, U, h2, 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. |
.DefBdy | Default body style |
.hidden |
Used when component is not to be displayed |
.disabled | |
.float |
Specify the float property. |
Add Remove List top | |
CSS Selectors |
Description |
---|---|
.AddRmvLbl |
AddRemove label color and font-weight. |
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. |
.AddRmvLbl2 |
AddRemove label color for the list labels. |
.AddRmvVrtFst |
Margin/min-width of padding for the Add button in the vertical orientation of AddRemove. Overridden properties for IE: margin, width |
.AddRmvVrtWin |
Margin/min-width used to separate buttons within a functional group (e.g., Add and Add All) in the vertical orientation of AddRemove Overridden properties for IE: margin, width |
.AddRmvVrtBwn |
Margin/min-width used to separate buttons between functional group (e.g., Add All and Remove) in the vertical orientation of AddRemove. Overridden properties for IE: margin, width |
.AddRmvVrtBtn |
Width to be set for the vertical AddRemove's buttons |
.AddRmvHrzWin |
Margin/min-width used to separate buttons within a functional group (e.g., Add and Add All) in the horizontal orientation of AddRemove. Overridden properties for IE: margin, width |
.AddRmvHrzBwn |
Margin/min-width used to separate buttons between functional group (e.g., Add All and Remove) in the horizontal orientation of AddRemove. Overridden properties for IE: margin, width |
.AddRmvHrzLst | Used to keep the layout intact. |
.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 | |
CSS Selectors |
Description |
---|---|
.AlrtErrTxt |
Text appearance for error message headers. Overridden properties for IE: margin-right |
.AlrtWrnTxt | Text appearance for warning message headers |
.AlrtInfTxt | Text appearance for information message headers |
a.AlrtLnk:link, a.AlrtLnk:visited, a.AlrtLnk:hover |
Link appearance in message text |
.AlrtMsgTxt |
Text appearance for the alert message text |
.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. |
.AlrtTbl |
Used for table containing inline alert message. |
BreadCrumbs top | |
CSS Selectors |
Description |
---|---|
.BcmWhtDiv |
Margin, White background-color for the breadcrumbs. |
.BcmGryDiv |
Padding, Gray background-color for the breadcrumb. |
a.BcmLnk:link, a.BcmLnk:visited,a.BcmLnk:hover |
Color and text-decoration for links on the breadcrumb. |
.BcmTxt |
font-weight, Color for text of last breadcrumb. |
.BcmSep |
Color and margin for the separator between breadcrumbs. |
Button top | |
CSS Selectors |
Description |
---|---|
.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. Overridden properties for IE: padding, width, overflow |
.Btn1Hov |
Style for button's hover (on mouseover). The same properties as for Btn1, plus setting for the cursor type. Overridden properties for IE: padding, width, overflow, cursor |
.Btn1Mni |
Mini button's style properties. Same parameters as for .Btn1 Overridden properties for IE: width, overflow |
.Btn1MniHov |
Mini button hover style properties. Same parameters as specified for Btn1Hov. Overridden properties for IE: cursor, width, overflow |
.Btn2 |
Style class for secondary button. Same parameters as specified for .Btn1 Overridden properties for IE: padding, width, overflow |
.Btn2Hov |
Style class for secondary button hover. Same parameters as specified for .Btn1Hov. Overridden properties for IE: padding, width, overflow, cursor |
.Btn2Mni |
Style classes for secondary mini button. Parameters are same as for .Btn1Mni Overridden properties for IE: width, overflow |
.Btn2MniHov |
Style classes for secondary button's mini hover. Parameters are same as .Btn1MniHov. Overridden properties for IE: cursor, width, overflow |
.Btn1Dis/.Btn2Dis |
Primary Button's /Secondary button's disabled style class. Set the margin, width, color, padding, background-color, border, font-size. Overridden properties for IE: padding, width, overflow |
.Btn1MniDis/Btn2MniDis |
Primary Mini Button/Secondary |
.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. |
MstDiv .Btn1, .MstDiv .Btn1Mni, .MstDiv .Btn1Hov, .MstDiv .Btn1MniHov, MstDiv .Btn2, .MstDiv .Btn2Mni,.MstDiv .Btn2Hov, .MstDiv .Btn2MniHov |
Revised style class properties for the mastheads. Parameters to be specified are border-top, border-left, border-right, border-bottom and vertical-align. Overridden properties for IE: vertical-align. |
Calendar top | |
CSS Selectors |
Description |
---|---|
.CalPopDiv |
Pop up calendar div style. Specify display, position, float, top, left. |
.CalPopShdDiv |
Popup calendar's div's shadow style. Specify display, position, padding, z-index, float, top, left. |
.CalPopShd2Div |
Calendar's shadow 2 style. Specify display, position, float |
.CalPopDiv a.DatCurLnk:link |
Current date's calendar link. Specify 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 text-decoration, 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 text-decoration. |
.CalPopDiv .DatSelDiv |
Style for layer that encompasses the input for month and year. Specify background-image, background-color, border, background-repeat, background-style, padding-top, text-align, -moz-border-radius. Overridden properties for IE: border-bottom. |
.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 margin. |
.CalPopDiv .DatCalDiv |
Specify the style for calendar's div. Specify background-color, border, border-top, text-align, padding Overridden properties for IE: padding, border-left, border-right, border-bottom, border-top. |
.CalPopDiv .DatDayHdrTxt |
Style class for the span that shows the day of the week. Specify color, font-weight, padding, display. |
.CalPopDiv .DatCalTbl |
Style for the calendar's table. Specify border-left, border-right property. Overridden properties for IE: border-top, border-bottom, width. |
.CalPopDiv .DatCalTbl td |
Table's td tag's style property. Specify the border property, width. |
.CalPopDiv .DatCalTbl th |
Table's th tag's style property. Specify border-bottom, border-left, border-right, background-color, width, padding-top. Overridden properties for IE: border-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. |
.CalPopDiv .DatCalTbl td.CalPopFtr |
The style for date picker table's message which indicates what day it is today. Specify the border, width. |
.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. |
.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. |
.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, 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. |
.CalPopFldLbl |
Style class for the start date label. Display, margin-right, padding-top. |
.CalPopFldImg img |
Style class for the href link that shows the dates. Specify margin. Overridden properties for IE: margin-top. |
Checkboxes and Radio Buttons top | |
CSS Selectors |
Description |
---|---|
.Cb |
Used to reference checkbox styles. |
.CbDis | Disabled property for checkbox. Specify color, background-color. Sets background-color for disabled checkboxes, fixes a Netscape 7 bug where user can't tell whether a disabled checkbox is checked. |
.CbLb | Checkbox label's style. |
.CbLblDis | Checkbox label's disabled style. |
.CbImg | Check box image's style. |
.CbImgDis | Check box image's disabled style. |
.CbSpn | Checkbox's span style. |
.CbSpnDis | Disabled checkbox's span style. |
.CbGrp | Checkbox group style. |
.CbGrpCpt | Checkbox group's caption style. |
.CbGrpLbl | Checkbox group label's style. |
.CbGrpLblDis | Checkbox group label's disabled style. |
.CbGrpRwEv | Checkbox group even row style. |
.CbGrpRwOd | Checkbox group odd row style. |
.CbGrpClEv | Checkbox group even column style. |
.CbGrpClOd | Checkbox group odd column style. |
.Rb | Used to reference radiobutton styles. |
.RbDis | Disabled property for radio buttons. Specify color, 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. |
.RbLb | Radiobutton label's style. |
.RbLblDis | Radiobutton label's disabled style. |
.RbImg | Radiobutton image's style. |
.RbImgDis | Radiobutton image's disabled style. |
.RbSpn | Radiobutton span style. |
.RbSpnDis | Radiobutton span disabled style. |
.RbGrp | Radiobutton group style. |
.RbGrpCpt | Radiobutton group's caption style. |
.RbGrpLbl | Radiobutton group label's style. |
.RbGrpLblDis | Radiobutton group label's disabled style. |
.RbGrpRwEv | Radiobutton group even row style. |
.RbGrpRwOd | Radiobutton group odd row style. |
.RbGrpClEv | Radiobutton group even column style. |
.RbGrpClOd | Radiobutton group odd column style. |
Drop Down List top | |
CSS Selectors |
Description |
---|---|
.MnuJmpOptGrp |
Jump Menu's option group style. Specify color, font-weight, font-style. |
.MnuStdOptGrp |
Menu's optgroup's appearance. Specify color, font-weight, font-style. |
.MnuStdOpt |
Standard menu's enabled option appearance. Specify color. |
.MnuStdOptSel |
Standard menu's selected option appearance. Specify color. |
.MnuStd |
Standard menu's appearance. Specify color, border-bottom-color, border-right-color. |
.MnuJmpOptSep |
Jump menu's seperator style. Specify color. |
.MnuJmpOptDis |
Jump menu's disabled options appearance. Specify color. |
.MnuStdOptDis |
Standard menu's disabled option appearance. Specify color. |
.MnuJmpDis |
Jump menu's disabled appearance. Specify background-color, color. |
.MnuStdDis |
Standard menu's disabled appearance. Specify background-color, color. |
.MnuJmp |
Jump menu's appearance. Specify color, border-bottom-color, border-right-color. |
.MnuJmpOpt |
Jump menu's options appearance. Specify color. |
.MnuJmpOpt:hover |
Jump menu option's hover appearance. Specify text-decoration. |
.MnuJmpOptSel |
Jump menu's selected option appearance. Specify color, font-weight. |
Inline Help top | |||
CSS Selectors |
Description |
||
---|---|---|---|
.HlpPgeTxt |
The help page text. Set the color. |
||
.HlpFldTxt |
The help field text. Set the color, font-size and padding-top |
||
a.HlpPgeLnk:link, a.HlpPgeLnk:visited, |
Help page link style. Set the color, text-decoration. |
||
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. |
Label top | |
CSS Selectors |
Description |
---|---|
.LblLev1Txt |
Style for label level 1. Specify color, font-size, font-weight. |
.LblLev2Txt |
Style for label level 2. Specify color, font-weight. |
.LblLev2smTxt |
Style for Label level 2 small text. Specify font-size, font-weight. |
.LblRqdDiv |
Style for Label div for the required icon. Specify color. |
.LblLev3Txt |
Style for label level 3. Specify color. |
List top | |
CSS Selectors |
Description |
---|---|
.Lst |
List's style class. Specify color, border-bottom-color, border-right-color. |
.LstOpt |
List options style. Specify color. |
.LstOptSel |
Selected option in a list. Specify color. |
.LstOptGrp |
List Option group style. Specify color, font-weight, font-style |
.LstDis .LstOptGrp |
Disabled list option group style. Specify color, background-color. |
.LstOptSep |
Separator for list options. Specify color. |
.LstOptDis |
List option disabled style. Specify color. |
.LstDis |
Disabled list appearance. Specify border-bottom-color, border-right-color, color, background-color, font-weight, font-style. |
.LstDis option |
Style for options in disabled list. Specify background-color, color. |
.LstMno |
Monospace list style. Specify border-bottom color, border-right color, color, font-family, font-weight, font-space. |
.LstMno option |
Monospace list option style. Specify font-family. |
.LstMno .LstOptGrp |
Monospace list group option style. Specify color, font-space, font-family, font-weight |
.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, color. |
.LstMnoDis .LstOptGrp |
Style for monospace disabled grouped option list. Specify font-weight, font-style, background-color, color. |
.LstAln |
List alignment style. Specify vertical-align, padding style. |
Message and Message Group top | |
CSS Selectors |
Description |
---|---|
.MsgFldSumTxt |
Message field summary text style. Specify color, font-weight. |
.MsgFldTxt |
Message detailed text's style. Specify color. |
.MsgGrpTbl |
Message group table's style. Specify border-left, border-top, border-bottom, border-right properties. Overridden properties for IE: margin-top. |
.MsgGrpTbl td |
Message group table td's style. Specify background-color, padding. Overridden properties for IE: padding. |
.MsgGrpTblTtl |
Message group table title style. Specify color, background-color, border-top, border-left, border-right, text align, padding, font-weight, margin-top, font-size Overridden properties for IE: margin-top. |
.MsgGrpDiv |
Message group div's style. Specify margin. |
.MsgGrpDiv ul |
Message group div unordered list's style. Specify padding, margin,color, list-style-type. Overridden properties for IE: padding, margin. |
.MsgGrpDiv ul li |
Message group div unordered list's list item's style. Overridden properties for IE: padding, margin-bottom. |
.MsgGrpSumTxt |
Message group summary text's style. Specify display, font-weight, padding-bottom, color. Overridden properties for IE: padding-bottom. |
.MsgGrpTxt |
Style for the text rendered within the message group. Specify display, padding-bottom, color. |
Mini Tabs top | |
CSS Selectors |
Description |
---|---|
.MniTabDiv |
Style for the div containing the left navigation mini-tabs. Specify background-color, background-image, background-repeat, background-position, padding. |
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. |
a.MniTabLnk:link, a.MniTabLnk:visited |
Link style for <a> tag for the unselected tabs in the left navigation mini-tabs. Specify color, text-decoration, display, font-size, padding. |
.MniTabSelTxt |
Style for the text in the selected left navigation mini-tab. Specify color, text-decoration, display, padding, font-size. |
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. |
.TabGrp |
Tab group's style for minitab. No styles specified. |
.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 | |
CSS Selectors |
Description |
---|---|
.FulAlrtHdrTxt |
Alert header text's style. Specify margin, font-weight. |
.FulAlrtMsgTxt |
Alert message text style. Specify color. |
.FulAlrtHdrDiv |
Alert header div's style. Specify margin. |
.FulAlrtMsgDiv |
Alert message div style. Specify margin. |
.FulAlrtFrmDiv |
Alert form div's style for block containing the form elements or other non-message text content. Specify margin. |
Property Sheet top | |
CSS Selectors |
Description |
---|---|
.ConLin |
Content page line separator style. Used for section divider lines. Specify border-right, background-color. |
.ConFldSetLgdDiv |
Content field set legend div style. Specify color, font-size, font-weight, margin-bottom. |
.ConSubSecTtlTxt |
Contentpage's sub section title text's style. Specify color, margin, font-size, font-weight. Overridden properties for IE: margin, font-size, font-weight. |
.ConFldSetLgd |
Content field set legend style. Specify color. |
.ConDefTxt |
Contentpage defenition text style. Specify color. |
.ConRqdTxt |
Content page required text color. Style called in a span that wraps around the "Indicates Required Information" text. Specify color. |
.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. |
a.JmpLnk:link, a.JmpLnk:visited,a.JmpLnk:hover |
Style used for jump links at top of page. |
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. |
.ConFldSet |
Content fieldset's style. Style used for fieldset itself (fieldset only used on IE). No style specified. Overridden properties for IE: border, margin-top, margin-left |
.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. Overridden properties for IE: font-size, font-weight, margin |
.ConFldSetDiv |
Content field set div style. Style used for redundant div around the fieldset legend (fieldset only used on IE). Specify margin. |
.ConSubSecDiv |
ContentPage sub section div's style. Style controlling layout of subsections. Specify padding. Overridden properties for IE: margin. |
.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. |
.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. Overridden properties for IE: margin-bottom. |
.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. |
.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. |
.ConJmpScnDiv |
Contentpage jumpsection div style. Style called in a div that wraps around the optional jump link section of the page. Specify margin. |
.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. |
.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. |
.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, vertical-align. |
div.ConTblCl2Div input, div.ConTblCl2Div select |
Contentpage embedded table's second column div style for input and selected states. Specify vertical-align. |
Skip Hyperlink top | |
CSS Selectors |
Description |
---|---|
.SkpWht | Invisible skip link's div style. Specify background-color, height. |
.SkpMedGry1 | Skip hyperlink style with colored background. |
Table top | |
CSS Selectors |
Description |
---|---|
table.Tbl |
Master table style, all contextual selectors are based on it. Specify background-color, color, width, padding, border-right, border-bottom. empty-cells Overridden properties for IE: width, padding, border-top, border-bottom, border-left, border-right, margin. |
table.Tbl td |
Table's td style. Specify background-color, border-left, border-bottom, border-right, border-top, padding. |
table.Tbl th |
Table's th style. Specify background-color, border-left border-bottom, border-right, border-top, padding, font-weight. |
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. Overridden properties for IE: background-position, border-left, border-top. |
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. Overridden properties for IE: color, font-weight, font-size, margin-top. |
caption.TblTtlTxt span.TblTtlTxtSpn |
Caption's text style. Specify float, font-weight, font-size. Overridden properties for IE: float, font-weight, font-size. |
.TblTtlTxtSpn | Used for message text that is right-aligned in the title bar. |
.TblTtlMsgSpn | Used to display messages that show the number of selections that are not displayed. |
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. Overridden properties for IE: padding, vertical-align. |
table.Tbl td.TblActTd img |
Action bar td's image style. Overridden properties for IE: specify margin-top. |
table.Tbl td.TblActTdLst |
Style for bottom (only) table action bar row. Specify border-top, background-color, border-left, border-bottom, padding, vertical-align. Overridden properties for IE: padding, vertical-align. |
table.Tbl td.TblActTdLst img |
Action table's last row td's img style. Overridden properties for IE: Margin-top |
.TblActLbl |
Action bar label's style. Specify color, font-weight. |
.TblPgnTxt |
Pagination text style. Used for the "of x" label on the pagination controls. Specify color, margin. |
.TblPgnTxtBld |
Pagination text bold style. Used for “of x” label on pagination controls. Specify margin. |
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.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.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.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.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.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.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.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, 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.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.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.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.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. |
.TblMultHdrTxt |
Multiple header text style. Used for column header text for a cell with child column header subgroups. Specify color, font-weight. |
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.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 margin. |
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.Tbl .TblTdSrt |
Table's td sort style used for non-header cells in the current sort column. Specify background-color. |
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.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.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. |
.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.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.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. Overridden properties for IE: background-repeat, background-position, vertical-align, padding. |
.TblGrpTxt |
Group table's text style. Default text style for contents of a subgroup title row. Specify color, text-decoration, font-weight, margin. Overridden properties for IE: color, font-weight, margin. |
table.Tbl .TblGrpLft input |
Tabel group's left header input style. Used for left-aligned content in a subgroup title row. Specify margin. Overridden properties for IE: margin. |
.table.Tbl .TblGrpLft |
Tabel group's left header style. Specify float. |
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. Overridden properties for IE: margin-left, margin-bottom |
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.Tbl .TblColFtr |
Table column footer's style. Used for cells in column-level footers. Specify border-bottom, border-top, background-color, padding. |
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. |
.TblColFtrTxt |
Table column's footer text style. Default appearance for text in a column-level footer. Specify color. |
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. Overridden properties for IE: padding. |
table.Tbl .TblFtrRowTxt |
Table footer's text style. Default appearance for text in table-level footer. Specify color, font-weight. |
table.Tbl .TblFtrLft |
Table left footer's style. Used for left-aligned content in table-level footer. Specify color, float, font-weight. |
table.Tbl .TblGrpColFtr |
Table group's column footer style. Used for cells in group-level, column-level footers. Specify border-bottom, background-color. |
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. |
.TblGrpColFtrTxt |
Table group footer text's style. Default appearance for text in group-level, column-level footers. Specify column, font-weight. |
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. |
.TblGrpFtrRowTxt |
Table group's footer text style. Default appearance for text in group-level, overall footer. Specify color, font-weight. |
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. |
.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. |
.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. |
.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. |
.TblPnlDiv |
Table panel's div style. Specify background-color, border, -moz-border-radius, padding, min-width. |
.TblPnlTtl |
Table panel's title style. Used for the text of the panel title. Specify color, font-size, font-weight, padding. |
.TblPnlLytDiv |
Table panel layout style. Used for the outermost div of the panel. Specify border-top, display, padding, margin-left. |
.TblCstFltMnu |
Table custom filter menu style. Specify background-color, color, border-bottom-color, border-right-color. |
.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. Overridden properties for IE: margin |
.TblPgnLftBtn |
Table's left pagination button style. Specify margin. |
.TblPgnRtBtn |
Table's right pagination button style. Specify margin-right. |
.TblPgnGoBtn |
Table pagination's "go" (submit) button style. Specify margin-right. |
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. Overridden properties for IE: margin-right, margin-left, padding-right, padding-left. |
table.Tbl a.TblHdrImgLnk img |
Table header link image style. Used for sort icons in table column headers. Specify padding-right. Overridden properties for IE: margin-right, padding-right. |
table.Tbl th.TblColHdrSrt table.TblHdrTbl |
Table sort column header's table style. Specify background, width, border. |
table.Tbl .TblHdrSrtNum |
Table header sort number style. Table's sort level text style. Specify font-size, font-weight, margin-left, width. Overridden properties for IE: width. |
table.Tbl span.TblColHdrSrtDis img |
Table header column's sort disabled style for images. Specify padding-right. Overridden properties for IE: margin-right, 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. Overridden properties for IE: margin-bottom |
table.Tbl .TblTdSrt img |
Table's sort image style. Specify vertical-align, margin-bottom. Overridden properties for IE: margin-bottom |
table.Tbl .TblTdAlm img |
Table's alarm image style. Specify vertical-align, margin-bottom. Overridden properties for IE: margin-bottom |
table.Tbl .TblTdSrtAlm img (not referenced) |
Table's sort alarm image style. Specify vertical-align, margin-bottom. Overridden properties for IE: 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.Tbl .TblFtrMsgSpn |
Table's footer message's span style. Used to define the style for table footer's message. Specify float. |
.TblPnlCnt |
Table panel's content style used for layout of the panel contents. |
.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. |
.TblPnlHlpTxt |
Table panel help text's style. Used for help text shown in the panel. Specify padding-top, white-space, font-size, max-width. Overridden properties for IE: width. |
.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. Overridden properties for IE: margin, width. |
Table Light top | |
CSS Selectors |
Description |
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. Overridden properties for IE: width, padding, margin-left, border. |
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. Overridden properties for IE: background-left, margin. |
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, background-position. |
table.TblLt th.TblColHdrSel a.TblHdrLnk:visited |
Selection column header's link visited style. Specify background-color, background-image, background-position. |
table.TblLt th.TblColHdrSel a.TblHdrLnk:hover |
Selection column header's link hover style. Specify background-color, background-image, background-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, 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. |
Tab Set top | |
CSS Selectors |
Description |
---|---|
.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. |
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. |
.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. |
.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. |
.Tab1TblSelTd | Style for the table cell (td) containing the selected level 1 tab. |
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. |
.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. |
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. |
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. |
.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. |
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. |
.Tab2Div div.Tab2SelTxt |
Level 2 tab's selected text style. Specify color, display, padding, font-weight, text-align. |
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. |
.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. |
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. |
table.Tab3TblNew |
Level 3 tab table's style. Specify background-color. |
table.Tab3TblNew td |
Level 3 tab table's td style. Specify border-bottom. |
table.Tab3TblNew div.Tab3SelTxt |
Level 3 tab table's selected text style. Specify color, font-weight, padding, text-align. |
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/Text Area/Password top | |
CSS Selectors |
Description |
---|---|
.TxtFld |
Text field's style. Specify border-top, border-left, border-bottom, border-right, padding-left. |
.TxtFldDis |
Text field's disabled style. Specify background-color, color, border-top, border-left, border-right, border-bottom,padding-left. |
.TxtAra |
Text area's style. Specify border-top, border-left, border-bottom, border-right, padding-left. |
.TxtAraDis |
Text area's disabled style. Specify background-color, color, border-top, border-left, border-right, border-bottom,padding-left. |
Tree top | |
CSS Selectors |
Description |
---|---|
.Tree |
Tree's style. Specify background-color, width. |
a.TreeLink:link, a.TreeLink:visited, a.TreeLink:hover |
Tree link's style. Specify color, text-decoration. |
a.TreeParentLink:link, a.TreeParentLink:visited, a.TreeParentLink:hover |
Tree parent link's style. Specify color, text-decoration, font-style. |
a.TreeSelLink:link, a.TreeSelLink:visited, a.TreeSelLink:hover |
Tree's selected link style. Specify color, text-decoration, font-weight. |
.TreeRootRow |
Tree root row's style. Specify background-color, height. |
.TreeRootRowHeader |
Tree root row header's style. Specify background-color, height. |
.TreeSelRow |
Tree's selected row style. Specify padding-top, padding-bottom. |
.TreeSelText |
Tree's selected text style. Specify color, font-weight. |
.TreeImg |
Tree image style. Specify padding-top, padding-bottom. |
.TreeImgHeight |
Tree image height style. |
.TreeContent |
Tree content's style. Specify display, vertical-align, padding-left. |
.TreeLinkSpace |
Tree link space style. Specify margin-left. |
.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. |
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.
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, medium 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 pop-up 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.
The 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.
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 | |
Page Alert messages |
PageAlert.back |
Label/Legend/Other |
Other.requiredAltText |
Legend.requiredField | |
Add Remove List 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 | |
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.tipsSearch2 | |
help.tipsSearch2 | |
help.tipsSearch3 | |
help.tipsSearch4 | |
List component messages |
ListSelector.badValue |
MessageGroup |
messageGroup.heading |
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 |
The themes that ship with the components should not be altered. To change theme elements for your application, you should create a new theme, as described below:
Copy the defaulttheme to a subdirectory of the themes directory.
Within the new theme directory, you can:
images.properties.
See Theme Imagesand The
images.properties file for more information.
Edit the messages.properties
to change text produced by the components.
See Theme Messages for more information.
If you are adding new styles, you must add the style selectors and definitions to the CSS stylesheets. See Theme Stylesheets and Manifest File for more information.
Build your customtheme JAR file by using the modified theme files such as additional images, styles, js, messages, etc.
Update the new theme's MANIFEST.MF
appropriately for the theme.
For example, if your theme is called customtheme:
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.
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>