Properties to which skins can be applied
The following table outlines the types of object 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.
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 |
|
Data Visualization Module (DVM) |
|
Web Header |
|
Skin support for AR Templates
As an application administrator, you can define skins for any AR Template 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:
<div style="background-color:SKIN_PROPERTY(background_color, white); padding:5px;">
...
</div>
In this scenario, the default background color is white, but when the skin is applied, the background color will be #ff0000.
For instructions on how to define a skin, see Defining skins.
Skin support for DVM
You can define skins for a DVM 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");
For instructions on how to define a skin, see Defining skins.
Skin support for Web Header
Administrations can now define skins for system level components 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 Web Header:
<div style="background_color:SKIN_PROPERTY(background_color, white)">
...
</div>
In this scenario, the default background color is white, but when the skin is applied, the background color will be #ff0000.
For instructions on how to define a skin, see Defining skins.