Home
/
Middleware
/
Oracle ADF Skin Editor
1/16
Contents
Title and Copyright Information
Preface
Audience
Documentation Accessibility
Related Documents
Conventions
What's New in This Guide
New and Changed Features for 12c (12.1.3)
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
Accessing Selector Information from Within the ADF Skin Editor
3
Working with the ADF Skin Editor
3.1
About the ADF Skin Editor
3.2
Working with the ADF Skin Design Editor
3.2.1
How to Change the Browser that Renders the Design Editor's Sample Pages
3.3
Working with the ADF Skin Selectors Editor
3.3.1
About the Selector Tree
3.3.2
Interactive Preview in the Selectors Editor
3.4
Working with the Properties Window
3.5
Navigating ADF Skins
3.6
Customizing the ADF Skin Editor
3.6.1
How to Change the Look and Feel of the ADF Skin Editor
3.6.2
How to Customize the General Environment for the ADF Skin Editor
3.7
Searching the Source Files of ADF Skins
3.7.1
How to Search the Source Files of ADF Skins
3.8
Working with Extensions
3.8.1
How to Install Extensions with Check for Updates
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
3.11
Working with the Resources Window
3.11.1
Working with IDE Connections
3.11.2
How to Search the Resources Window
3.11.3
Filtering Resources Window Contents
3.11.4
Importing and Exporting Catalogs and Connections
3.11.5
Working with Resources Window Catalogs
3.11.5.1
Creating Catalogs
3.11.5.2
Renaming Catalogs
3.11.6
Working with Catalog Folders
3.11.6.1
How to Create Folders
3.11.6.2
How to Create Dynamic Folders
3.11.6.3
How to Add Resources to a Catalog
3.12
Working with the Issues Window
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
Creating an ADF Skin File
4.3.1
How to Create an ADF Skin in the ADF Skin Editor
4.3.2
How to Create an ADF Skin in JDeveloper
4.3.3
What Happens When You Create an ADF Skin
4.4
Importing One or More ADF Skins Into the Current ADF Skin
4.5
Importing ADF Skins from an ADF Library JAR
4.5.1
How to Import an ADF Skin from an ADF Library JAR
4.5.2
What Happens When You Import an ADF Skin from an ADF Library JAR
4.6
Opening an Application Created Outside of the ADF Skin Editor
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 ADF Skin Properties to Apply to Messages
5.6
Applying Themes to ADF Faces Pages
5.6.1
How to Style a Component with a Theme
5.7
Configuring an ADF Skin for Accessibility
5.7.1
How to Configure an ADF Skin for Accessibility
6
Working with Images and Color in Your ADF Skin
6.1
About Working with Images and Color in Your ADF Skin
6.2
Changing Images and Colors in the ADF Skin Design Editor
6.3
Working with Color in a Skyros-Extended ADF Skin
6.4
Changing an Image for a Component Selector
6.4.1
How to Copy an Image into the Project
6.4.2
What Happens When You Copy an Image into the Project
6.5
Working with the Images Editor
6.5.1
How to Generate Images Using the Images Editor
6.5.2
What Happens When You Generate Images Using the Images Editor
6.6
Providing a Simple Border Style for ADF Skins
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 Selector Alias
8.3
Modifying a Global Selector Alias
8.3.1
How to Modify a Global Selector Alias
8.4
Applying a Global Selector Alias
8.4.1
How to Apply a Global Selector Alias
8.4.2
What Happens When You Apply a Global Selector Alias
8.4.3
What You May Need to Know About Applying a Global Selector Alias
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
Working with At-Rules
10.1
About At-Rules in the ADF Skinning Framework
10.2
Working with Server-Side At-Rules
10.3
Working with Client-Side At-Rules
10.4
Creating At-Rules in an ADF Skin
10.4.1
How to Create an At-Rule
10.4.2
What Happens When You Create an At-Rule
10.4.3
What Happens at Runtime: How the ADF Skinning Framework Applies At-Rules
11
Applying the Finished ADF Skin to Your Web Application
11.1
About Applying a Finalized ADF Skin to an Application
11.2
Testing Changes in Your ADF Skin
11.2.1
How to Set Parameters for Testing Your ADF Skin
11.2.2
What Happens When You Set Parameter for Testing Your ADF Skin
11.3
Packaging an ADF Skin into an ADF Library JAR
11.3.1
How to Package an ADF Skin into an ADF Library JAR
11.3.2
What Happens When You Package an ADF Skin into an ADF Library JAR
11.4
Applying an ADF Skin to Your Web Application
11.4.1
How to Apply an ADF Skin to an Application
11.4.2
What Happens When You Apply an ADF Skin to an Application
11.5
Applying an ADF Skin to a Running Web Application
11.5.1
How to Configure your Fusion Web Application to Accept an Updated ADF Skin
11.5.2
How to Deploy an ADF Library JAR to an MBean Server
11.5.3
What Happens When You Apply an ADF Skin to a Running Application
12
Advanced Topics
12.1
Referring to URLs in an ADF Skin's CSS File
12.2
Configuration Files for an ADF Skin
12.3
ADF Skins Provided by Oracle ADF
12.4
Versioning ADF Skins
12.4.1
How to Version an ADF Skin
12.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.