CSS in ADF

2012-05-18T23:44:00.001-07:00

ADD CSS in ADF Application(ADF Skin )

In this Post I will Tell you How to use CSS(ADF Skin) in an Application to enhance its Design.

First Create a Fusion Web Application and create a page.
Add some component to page as buttons ,panel collection , input text etc.
Now we apply CSS on page , for that first create a ADF Skin
Right Click on ViewController--->New--->Web Tier--->JSF/Facelets--->ADF Skin
By default ADF Skin name is skin1,2...like this
After creating skin open it and, at left side you will see all components as Button, Layouts, Output text and so on

7.Now expand the components that you want to change , change it color(on active, focus , hover etc) and other properties. See in image below
1. Now do this with other components that you want to change.
2. Open trinidad-config.xml and you will see <skin-family>skin1</skin-family>
3. This means skin1 is applied on application and if you create another skin as skin2
4. Then in trinidad-config.xml it change to <skin-family>skin2</skin-family> because ADF automatically choose the most recent skin.
5. Here all is done and skin is applied on application.

2012-05-08T09:37:00.001-07:00

Oracle Release New JDeveloper 11g (11.1.2.2.0)

2012-04-30T03:38:00.001-07:00

LEARN ADF: Jdevloper: Jdevloper

Welcome On my blog
Next Post Coming Soon...........
Please Visit for next update.

2012-04-28T10:55:00.000-07:00


Jdevloper