3
Working with the Oracle ADF Skin Editor 3-1
3
Working with the Oracle ADF Skin Editor
This chapter describes the visual editor for creating ADF skins, the Selector Tree that you use to browse the items that you can configure in an ADF skin, the Property
Inspector that you use to set properties, and how you can navigate to an ADF skin that you extend.
This chapter includes the following sections:
■
Section 3.1, About the ADF Skin Editor
■
Section 3.2, Working with the Selector Tree
■
Section 3.3, Working with the Property Inspector
■
Section 3.4, Navigating to the ADF Skins That Your ADF Skin Extends
■
Section 3.5, Customizing the ADF Skin Editor
■
Section 3.6, Searching the Source Files of ADF Skins
■
Section 3.7, Working with Extensions
■
Section 3.8, Working with the Overview Editor in the ADF Skin Editor
■
Section 3.9, Adding External Tools to the ADF Skin Editor
■
Section 3.10, Navigating the ADF Skin Editor
3.1 About the ADF Skin Editor
The ADF Skin Editor provides a range of features that facilitate the creation and modification of ADF skins. The following list, for which each item has a corresponding
label number in Figure 3–2
, describes the individual features that the editor exposes when you create an ADF skin, as described
Section 4.4, Creating an ADF Skin File :
1. The Projects node in the Application Navigator contains a node named skins
where the source files for the ADF skins that you create are stored. The skins node is not created until after you create the first ADF skin, as described in
Chapter 4, Creating the Source Files for an ADF Skin.
2.
The Structure window lists the selectors, global selector aliases, and style classes that you add to the ADF skin file.
For more information, see Chapter 2, Working with ADF Skin Selectors.
3. Click the HideShow Divider icon to hide or show the Selector Tree.
4.
Filter the selectors that appear in the Selector Tree to display all selectors Available Selectors or only those that you modified in the ADF skin Updated
Selectors .
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
