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 the Theme Editor

• 2.1 About the Theme Editor
• 2.2 Setting Up and Starting the Theme Editor
  • 2.2.1 How to Set Up the Theme Editor
  • 2.2.2 How to Persist ADF Skins Created in the Theme Editor
  • 2.2.3 How to Start the Theme Editor
• 2.3 Exporting an ADF Skin from the Theme Editor

3 Working with ADF Skin Selectors

• 3.1 About ADF Skin Selectors
  • 3.1.1 ADF Skin Selectors and Pseudo-Elements
  • 3.1.2 ADF Skin Selectors and Icon Images
  • 3.1.3 Grouped ADF Skin Selectors
  • 3.1.4 Descendant ADF Skin Selectors
• 3.2 Pseudo-Classes in the ADF Skinning Framework
• 3.3 Properties in the ADF Skinning Framework
• 3.4 Accessing Selector Information from Within JDeveloper

4 Working with ADF Skins in JDeveloper

• 4.1 About the Editors for ADF Skins in JDeveloper
• 4.2 Working with the ADF Skin Design Editor
  • 4.2.1 How to Change the Browser that Renders the Design Editor's Sample Pages
• 4.3 Working with the ADF Skin Selectors Editor
  • 4.3.1 About the Selector Tree
  • 4.3.2 Interactive Preview in the Selectors Editor
• 4.4 Working with the Properties Window
• 4.5 Navigating ADF Skins

5 Creating the Source Files for an ADF Skin

• 5.1 About Creating an ADF Skin
• 5.2 Creating an ADF Skin File
  • 5.2.1 How to Create an ADF Skin in JDeveloper
  • 5.2.2 What Happens When You Create an ADF Skin
• 5.3 Importing One or More ADF Skins Into the Current ADF Skin
• 5.4 Adding ADF Skins from an ADF Library JAR
  • 5.4.1 How to Add an ADF Skin from an ADF Library JAR
  • 5.4.2 What Happens When You Import an ADF Skin from an ADF Library JAR

6 Working with Component-Specific Selectors

• 6.1 About Working with Component-Specific Selectors
• 6.2 Changing ADF Faces Components' Selectors
• 6.3 Changing ADF Data Visualization Components' Selectors
• 6.4 Changing a Component-Specific Selector
  • 6.4.1 How to Change a Component-Specific Selector
  • 6.4.2 What Happens When You Change a Component-Specific Selector
• 6.5 Configuring ADF Skin Properties to Apply to Messages
  • 6.5.1 How to Configure an ADF Skin Property to Apply to a Message
  • 6.5.2 What Happens When You Configure ADF Skin Properties to Apply to Messages
• 6.6 Configuring an ADF Skin for Accessibility
  • 6.6.1 How to Configure an ADF Skin for Accessibility

7 Working with Images and Color in Your ADF Skin

• 7.1 About Working with Images and Color in Your ADF Skin
• 7.2 Changing Images and Colors in the ADF Skin Design Editor
• 7.3 Working with Anchor Colors in an ADF Skin
• 7.4 Changing an Image for a Component Selector
  • 7.4.1 How to Copy an Image into the Project
  • 7.4.2 What Happens When You Copy an Image into the Project

8 Working With Text in an ADF Skin

• 8.1 About Working with Text in an ADF Skin
• 8.2 Using Text From Your Own Resource Bundle
  • 8.2.1 How to Specify an Additional Resource Bundle for an ADF Skin
  • 8.2.2 What Happens When You Specify an Additional Resource Bundle for an ADF Skin

9 Working With Global Selector Aliases

• 9.1 About Global Selector Aliases
• 9.2 Creating a Global Selector Alias
  • 9.2.1 How to Create a Global Selector Alias
  • 9.2.2 What Happens When You Create a Global Selector Alias
• 9.3 Modifying a Global Selector Alias
  • 9.3.1 How to Modify a Global Selector Alias
• 9.4 Applying a Global Selector Alias
  • 9.4.1 How to Apply a Global Selector Alias
  • 9.4.2 What Happens When You Apply a Global Selector Alias
  • 9.4.3 What You May Need to Know About Applying a Global Selector Alias
• 9.5 Referencing a Property Value from Another Selector
  • 9.5.1 How to Reference a Property Value from Another Selector
  • 9.5.2 What Happens When You Reference a Property Value from Another Selector

10 Working with Style Classes

• 10.1 About Style Classes
• 10.2 Creating a Style Class
  • 10.2.1 How to Create a Style Class
  • 10.2.2 What Happens When You Create a Style Class
• 10.3 Modifying a Style Class
  • 10.3.1 How to Modify a Style Class
• 10.4 Configuring a Style Class for a Specific Instance of a Component
  • 10.4.1 How to Configure a Style Class for a Specific Instance of a Component
  • 10.4.2 What Happens When You Configure a Style Class for a Specific Instance of a Component

11 Working with At-Rules

• 11.1 About At-Rules in the ADF Skinning Framework
• 11.2 Working with Server-Side At-Rules
• 11.3 Working with Client-Side At-Rules
• 11.4 Creating At-Rules in an ADF Skin
  • 11.4.1 How to Create an At-Rule
  • 11.4.2 What Happens When You Create an At-Rule
  • 11.4.3 What Happens at Runtime: How the ADF Skinning Framework Applies At-Rules

12 Applying the Finished ADF Skin to Your Web Application

• 12.1 About Applying a Finalized ADF Skin to an Application
• 12.2 Testing Changes in Your ADF Skin
  • 12.2.1 How to Set Parameters for Testing Your ADF Skin
  • 12.2.2 What Happens When You Set Parameters for Testing Your ADF Skin
• 12.3 Packaging an ADF Skin into an ADF Library JAR
  • 12.3.1 How to Package an ADF Skin into an ADF Library JAR
  • 12.3.2 What Happens When You Package an ADF Skin into an ADF Library JAR
• 12.4 Applying an ADF Skin to Your Web Application
  • 12.4.1 How to Apply an ADF Skin to an Application
  • 12.4.2 What Happens When You Apply an ADF Skin to an Application
• 12.5 Applying an ADF Skin to a Running Web Application
  • 12.5.1 How to Configure your Web Application to Accept an Updated ADF Skin
  • 12.5.2 How to Deploy an ADF Library JAR to an MBean Server
  • 12.5.3 What Happens When You Apply an ADF Skin to a Running Application

13 Advanced Topics

• 13.1 Referring to URLs in an ADF Skin's CSS File
• 13.2 Configuration Files for an ADF Skin
• 13.3 ADF Skins Provided by Oracle ADF
• 13.4 Versioning ADF Skins
  • 13.4.1 How to Version an ADF Skin
  • 13.4.2 What Happens When You Version ADF Skins