Contents

Title and Copyright Information

Preface

• Audience
• Documentation Accessibility
• Related Documents
• Conventions

1 About Skinning a Web Application

• 1.1 Introduction to Skinning a Web Application
• 1.2 Overview of Developing an ADF Skin
• 1.3 Taking a Look at an ADF Skin
• 1.4 Inheritance Relationship of the ADF Skins Provided by Oracle ADF

2 Working with ADF Skin Selectors

• 2.1 About ADF Skin Selectors
  • 2.1.1 ADF Skin Selectors and Pseudo-Elements
  • 2.1.2 ADF Skin Selectors and Icon Images
  • 2.1.3 Grouped ADF Skin Selectors
  • 2.1.4 Descendant ADF Skin Selectors
• 2.2 Pseudo-Classes in the ADF Skinning Framework
• 2.3 Properties in the ADF Skinning Framework
• 2.4 Rules in the ADF Skinning Framework

3 Working with the Oracle ADF Skin Editor

• 3.1 About the ADF Skin Editor
• 3.2 Working with the Selector Tree
• 3.3 Working with the Property Inspector
• 3.4 Navigating to the ADF Skins That Your ADF Skin Extends
• 3.5 Customizing the ADF Skin Editor
  • 3.5.1 How to Change the Look and Feel of the ADF Skin Editor
  • 3.5.2 How to Customize the General Environment for the ADF Skin Editor
  • 3.5.3 How to Customize Dockable Windows in the ADF Skin Editor
• 3.6 Searching the Source Files of ADF Skins
  • 3.6.1 How to Search the Source Files of ADF Skins
• 3.7 Working with Extensions
  • 3.7.1 How to Install Extensions with Check for Updates
• 3.8 Working with the Overview Editor in the ADF Skin Editor
  • 3.8.1 How to Use the Overview Editor for JSF Configuration Files in the ADF Skin Editor
• 3.9 Adding External Tools to the ADF Skin Editor
  • 3.9.1 How to Add External Tools to the ADF Skin Editor
• 3.10 Navigating the ADF Skin Editor
  • 3.10.1 How to Work With Shortcut Keys In the ADF Skin Editor
  • 3.10.2 Keyboard Navigation In the ADF Skin Editor
    • 3.10.2.1 Common Navigation Keys
    • 3.10.2.2 Navigation In Standard Components
    • 3.10.2.3 Navigating Complex Controls
    • 3.10.2.4 Navigation in Specific Components

4 Creating the Source Files for an ADF Skin

• 4.1 About Creating an ADF Skin
• 4.2 Creating ADF Skin Applications and ADF Skin Projects
  • 4.2.1 How to Create an ADF Skin Application
  • 4.2.2 How to Create a New ADF Skin Project
• 4.3 Opening an Application Created Outside of the ADF Skin Editor
• 4.4 Creating an ADF Skin File
  • 4.4.1 How to Create an ADF Skin in the ADF Skin Editor
  • 4.4.2 What Happens When You Create an ADF Skin
• 4.5 Versioning ADF Skins
  • 4.5.1 How to Version an ADF Skin
  • 4.5.2 What Happens When You Version ADF Skins
• 4.6 Managing Working Sets
• 4.7 Importing ADF Skins from an ADF Library JAR
  • 4.7.1 How to Import an ADF Skin from an ADF Library JAR
  • 4.7.2 What Happens When You Import an ADF Skin from an ADF Library JAR

5 Working with Component-Specific Selectors

• 5.1 About Working with Component-Specific Selectors
• 5.2 Changing ADF Faces Components' Selectors
• 5.3 Changing ADF Data Visualization Components' Selectors
• 5.4 Changing a Component-Specific Selector
  • 5.4.1 How to Change a Component-Specific Selector
  • 5.4.2 What Happens When You Change a Component-Specific Selector
• 5.5 Configuring ADF Skin Properties to Apply to Messages
  • 5.5.1 How to Configure an ADF Skin Property to Apply to a Message
  • 5.5.2 What Happens When You Configure an ADF Skin Property to Apply to a Message
  • 5.5.3 What You May Need to Know About Configuring an ADF Skin Property to Apply to a Message
• 5.6 Applying Themes to ADF Faces Components
  • 5.6.1 How to Enable Themes for Components
  • 5.6.2 How to Set Theme Properties for a Component in an ADF Skin
  • 5.6.3 How to Prevent a Component Inheriting a Theme from a Parent Component
• 5.7 Configuring an ADF Skin for Accessibility
  • 5.7.1 How to Configure an ADF Skin for Accessibility

6 Working with Images in Your ADF Skin

• 6.1 About Working with Images in an ADF Skin
• 6.2 Changing an Image for a Component Selector
  • 6.2.1 How to Copy an Image into the Project
  • 6.2.2 What Happens When You Copy an Image into the Project
• 6.3 Working with the Images Window
  • 6.3.1 How to Generate Images Using the Images Window
  • 6.3.2 What Happens When You Generate Images Using the Images Window

7 Working With Text in an ADF Skin

• 7.1 About Working with Text in an ADF Skin
• 7.2 Using Text From Your Own Resource Bundle
  • 7.2.1 How to Specify an Additional Resource Bundle for an ADF Skin
  • 7.2.2 What Happens When You Specify an Additional Resource Bundle for an ADF Skin

8 Working With Global Selector Aliases

• 8.1 About Global Selector Aliases
• 8.2 Creating a Global Selector Alias
  • 8.2.1 How to Create a Global Selector Alias
  • 8.2.2 What Happens When You Create a Global Alias Selector
• 8.3 Modifying a Global Alias Selector
  • 8.3.1 How to Modify a Global Alias Selector
• 8.4 Applying a Global Alias Selector
  • 8.4.1 How to Apply a Global Alias Selector
  • 8.4.2 What Happens When You Apply a Global Alias Selector
• 8.5 Referencing a Property Value from Another Selector
  • 8.5.1 How to Reference a Property Value from Another Selector
  • 8.5.2 What Happens When You Reference a Property Value from Another Selector

9 Working with Style Classes

• 9.1 About Style Classes
• 9.2 Creating a Style Class
  • 9.2.1 How to Create a Style Class
  • 9.2.2 What Happens When You Create a Style Class
• 9.3 Modifying a Style Class
  • 9.3.1 How to Modify a Style Class
• 9.4 Configuring a Style Class for a Specific Instance of a Component
  • 9.4.1 How to Configure a Style Class for a Specific Instance of a Component
  • 9.4.2 What Happens When You Configure a Style Class for a Specific Instance of a Component

10 Applying the Finished ADF Skin to Your Web Application

• 10.1 About Applying a Finalized ADF Skin to an Application
• 10.2 Testing Changes in Your ADF Skin
  • 10.2.1 How to Set Parameters for Testing Your ADF Skin
  • 10.2.2 What Happens When You Set Parameter for Testing Your ADF Skin
• 10.3 Packaging an ADF Skin into an ADF Library JAR
  • 10.3.1 How to Package an ADF Skin into an ADF Library JAR
  • 10.3.2 What Happens When You Package an ADF Skin into an ADF Library JAR
• 10.4 Applying an ADF Skin to Your Web Application
  • 10.4.1 How to Apply an ADF Skin to an Application
  • 10.4.2 What Happens When You Apply an ADF Skin to an Application

11 Advanced Topics

• 11.1 Referring to URLs in an ADF Skin's CSS File
• 11.2 ADF Skinning Framework and Supported Render Kits
• 11.3 Configuration Files for an ADF Skin
• 11.4 ADF Skins Provided by Oracle ADF