Properties to which skins can be applied

Skins are supported primarily for images, colors, and backgrounds; they are not used for positioning, visibility, or dimensions. Although the Skin Selector field property is listed for other field types such as character and other data fields, entering a value for this property does not affect those fields.

Tailoring-the-application-skin-and-brand

The following table lists the properties to which skins can be applied:

Object	Properties that support skins
View	Background Image Background Color
Panel (not the panel holder)	Header Background Color Header Label Color Background Image Background Color Border Color
Control (button)	Image URL Color (for buttons displayed as URLs) Label Text Color
Trim Text	Background Color URL Color Label Text Color
Trim Box	Background Color Line Color
Line	Line color
Vertical Navigation (Traditional and Flyout mode)	Top Level Background Color Top Level Gradient Color Sub Level Background Color Top Level Text Color Sub Level Text Color Sub Level Alternate Background Color (for Flyout mode only)
Application List Field (Traditional and Flyout mode)	Top Level Background Color Sub Level Background Color Top Level Text Color Sub Level Text Color Sub level Alternate Background Color (for Flyout mode only)
View Field	Border Color
Data Field	Label Color
System-level components	Pop-up Header Background Color Pop-up Header Gradient Color Column Header Gradient Color Column Header Background Color Column Header Text Color Menu Rollover Color Table Header Footer Background Color (cannot be applied on tree view tables) Table Header Footer Gradient Color (cannot be applied on tree view tables) Table Primary Selection Color Table Secondary Selection Color (cannot be applied on tree view tables) Table Rollover Color Table Primary Rollover Color (cannot be applied on cell-based tables) Table Secondary Rollover Color (cannot be applied on tree view and cell-based tables)
AR Templates	See Skin support for AR Templates.
Data Visualization Module (DVM)	See Skin support for DVM.
Web Header	See Skin support for Web Header.

Skin properties for AR Templates

As an application administrator, you can define skins for any AR Template by using the AR System Skins form. For example, in the AR System Skins Properties dialog box, set the property name as background_color, the value as #ff0000, and enter the following in the required AR Template:

In this scenario, the default background color is white, but when the skin is applied, the background color will be #ff0000.

The SKIN_PROPERTY(propertyName, defaultValue ) method is used to read the value of the skin property.

For instructions about how to define a skin, see Defining-skins.

Skin properties for DVM

You can define skins for a DVM by using the AR System Skins form. For example, in the AR System Skins Properties dialog box, set the property name as button_color, the value as #ff0000, and enter the following for an ARSkinsService that will use this DVM:

String skinValue = pc.getSkinService().getSkinProperty("button-color");

The getSkinProperty (propertyName) method is used to read the value of the skin property.

For instructions on how to define a skin, see Defining-skins.

Skin properties for Web Header

Define skins for system-level components by using the AR System Skins form. For example, in the AR System Skins Properties dialog box, set the property name as background_color, the value as #ff0000, and enter the following values in the Web Header: