Working with the Selector Tree Working with the Property Inspector

3-4 Skin Editor Users Guide for Oracle Application Development Framework

3.2 Working with the Selector Tree

The Selector Tree displays a list of the style classes, global selector aliases, and selectors for which you can configure properties to change the appearance of ADF Faces and ADF Data Visualization components. Figure 3–3 shows the nodes that the Selector Tree exposes: ■ Style Classes A style class defines one or more style properties that you can apply to specific instances of a component. The Selector Tree categorizes the inherited style classes into style classes defined for general usage, note windows, and popups. For more information, see Chapter 9, Working with Style Classes. ■ Global Selector Aliases A global selector alias defines style properties that you apply to one or more selectors. The Selector Tree categorizes the inherited global selector aliases into selector aliases defined for general usage, icons, and messages. For more information, see Chapter 8, Working With Global Selector Aliases. ■ Grouped Selectors Identifies style properties grouped into one declaration to apply to more than one selector. For example, Figure 3–3 shows a grouped selector for the commandImageLink and goImageLink component’s selectors. ■ Faces Component Selector Selectors identify the ADF Faces components for which you can configure properties. The Selector Tree displays subcategories for pseudo-elements, component selector aliases, and descendant selectors. For brevity, the ADF Faces components node is not expanded. For more information, see Chapter 5, Working with Component-Specific Selectors. ■ Data Visualizations Component Selectors Selectors identify the ADF Data Visualization components for which you can configure properties. The Selector Tree displays subcategories for pseudo-elements, component selector aliases, and descendant selectors. For more information, see Chapter 5, Working with Component-Specific Selectors. Working with the Oracle ADF Skin Editor 3-5 Figure 3–3 Selector Tree

3.3 Working with the Property Inspector

The Property Inspector serves a number of functions apart from its primary role of allowing you to set values for CSS properties and ADF skin properties for the selectors that the ADF skinning framework exposes. These functions are the ability to: ■ Copy an image into the project where you develop the ADF skin. For more information, see Chapter 6, Working with Images in Your ADF Skin. ■ Identify the properties that inherit their values from an extended ADF skin and identify the properties that you configured in the ADF skin, as shown in Figure 3–4 . ■ Present ADF skin properties that you can configure for a selector. For more information, see Section 2.3, Properties in the ADF Skinning Framework. ■ Navigate to the selector in an extended ADF skin that defines an inherited property in your ADF skin Go to Declaration. For more information, see Section 3.4, Navigating to the ADF Skins That Your ADF Skin Extends. ■ Invoke a dialog where you can define the colors for properties that support color value. Figure 3–4 presents an overview of the various controls that the Property Inspector exposes when you edit an ADF skin. 3-6 Skin Editor Users Guide for Oracle Application Development Framework Figure 3–4 Property Inspector Controls for ADF Skins

3.4 Navigating to the ADF Skins That Your ADF Skin Extends