3-2 Skin Editor Users Guide for Oracle Application Development Framework
5. The Extended Skins list displays the list of ADF skins from which the current
ADF skin extends. For more information, see
Section 3.4, Navigating to the ADF Skins That Your ADF Skin Extends.
6. Use the Add icon to create a new style class or alias selector.
For more information about creating a new style class, see Chapter 9, Working
with Style Classes. For information about creating an alias selector, see
Chapter 8, Working With Global Selector Aliases.
7. Use the Delete icon to remove a selector that you added to the ADF skin.
8. Click the Refresh icon to update the Preview Pane after you make changes to the
properties of a selector in the Property Inspector.
9. Click the Add Pseudo-Class icon to apply a pseudo-class to the item that you
selected in the Selector Tree. For more information about pseudo-classes, see
Section 2.2, Pseudo-Classes in the ADF Skinning Framework.
10. Click the Clear Property Settings icon to undo any change that you made to the
item selected in the Selector Tree.
11. Click the Delete Pseudo-Class from Skin File icon to delete any pseudo-classes
that you specified in the ADF Skin.
12. The View as list allows you to preview how changes you make to a global selector
alias in the Selector Tree affect the components that reference the global selector alias. The View as list displays all components that reference the global selector
alias. The View as list also allows you to preview how changes you make to the properties of one component-specific selector impact all sub-types of that
component. For example,
Figure 3–1 shows the ADF Data Visualization
component selector for the graph component af|dvt-graph that exposes a single set of component-specific selectors that apply changes to all graph types.
Use the View as list to preview a change that you make to a selector in one of the other types of graph for example, Bar, Funnel, Pareto, and so on.
Figure 3–1 View as List for a Component
For more information about global selector aliases, Chapter 8, Working With
Global Selector Aliases.
Working with the Oracle ADF Skin Editor 3-3
13.
The Selector Tree displays the list of selectors, global selector aliases, and style classes that you can configure values for in an ADF skin.
For more information, see Section 3.2, Working with the Selector Tree.
.
14.
The Preview Pane renders a preview of the changes that you make to a selector in an ADF skin after you click the Refresh icon 8.
15.
You can also view the source of an ADF skin file.
16.
The Property Inspector identifies properties that you can configure for the ADF skin.
For more information, see Section 3.3, Working with the Property Inspector.
17.
The tabs for themes allow you to preview changes that you make for supported themes.
For more information, see Section 5.6, Applying Themes to ADF Faces
Components.
18.
The Images window helps you manage the images that you want to use with an ADF skin.
For more information, see Section 6.3, Working with the Images Window.
Figure 3–2 Overview of the ADF Skin Editor
Tip: Select Split Document from a context menu that you can invoke
from the Preview Pane to render the source and design views of an ADF skin side by side.
3-4 Skin Editor Users Guide for Oracle Application Development Framework
3.2 Working with the Selector Tree
