Go to main content
1/16
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
Scripting on this page enhances content navigation, but does not change the content in any way.