Shay Shmeltzer's Oracle Development Tools Tips

ADF Faces Skin Editor - How to Work with It

Shay Shmeltzer
Director of Product Management - Oracle

The ODTUG Kscop11 conference was a great success with lots of sessions about FMW running in a special track. I did several sessions and labs in the conference, and I thought it might be a good idea to at least give you a taste of what you might have missed.

So here is most of what I demoed in my ADF Faces Skinning session (not all though - that session was 60 minutes long, and while everyone did end up going out of the building in the middle because of a fire drill for about 5 minutes, there was other things covered in the session as well).

In the demo here you'll see how to generate new images and default color scheme, how to identify a component class with Firebug, how to skin a component, how to identify the global selector of a property, how to change fonts and how to change strings.

By the way, for more on ADF Skinning you should also listen to the ADF Insider seminar that Frank Nimphius recorded on skinning, it will give you better understanding of the overall skinning process.

in the demo I add an entry to the web.xml file which prevent ADF Faces from compressing the HTML that is generated.

The entry is for org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION

 and I set it to true. This is very useful when you work on creating the skin, but don't forget to un-set it before you go production.

Join the discussion

Comments ( 11 )
  • LuisVil Friday, July 15, 2011

    love Skin Editor. question do you have any Idea when is going to be ready the new release of Jdev?, I'm working with 11.1.2 and I do like it, but has few Bugs like cascading lovs using selectOnechoise component? I placed a Question on OTN forum, but I get no good Answers.

    here is the issue:

    I have a table Quotes_detail (Quote_id,sequence.....)

    quote_id and Sequence are the Primary key. quote_id value is coming from a DB sequence generated on the master table on the do_DML event.

    how can I set a sequence column in Jdev without use another DB sequence. I want to set it with something like #{vs.index + 1}.

    this Page is for insert operation Only. is this doable?

    thank you


  • Shay Monday, July 18, 2011

    Luis, I'm not sure what cascading LOV bugs you are experiencing - but if you think you have a reproducible case please file a bug with Oracle support if you want to see it resolved in a future patch set of JDeveloper.

    As far as doing +1 - you can overwrite the set method for the attribute in the EO - however, doing a +1 activity in a multi user environment is not safe and using a dbsequence would be my recommendation.

  • guest Tuesday, July 19, 2011

    Hi Shay,

    I just tried to run the latest "stand alone" skin editor (11.1.2) on Mac OS X and noticed some UI rendering issue - All the icon and menu are hidden unless I move the mouse cursor over them. (sometimes they don't even show up if I do so) And every time when I launch the program and move the cursor over menu item, I see lots of null pointer exception from "com.apple.laf.AquaMenuPainter.paintMenuBarBackground(AquaMenuPainter.java:140)" from terminal window.

    It looks like a platform specific issue. However, the Oracle claims Mac is also certified, is there any work around for that?

    Mac OS X: 10.6.7

    JVM: 1.6.0_24

    JDev: (may be not relevant here)



  • bunnynew Saturday, August 27, 2011

    Hi Shay,

    I couldnot find this ADF Skin Editor in Jdev

    Can you plz specify how to get it?


  • shay Saturday, August 27, 2011

    The Skin Editor comes as part of JDeveloper 11.1.2 - if you are using an older JDeveloper you can get the stand alone Skin Editor here:


  • dennis Tuesday, October 25, 2011

    Nice overview of the skin editor - thanks. We'd love to use it for our WebCenter projects for skin customisation. Can you point out any demos or white papers where the skin editor has been used for Webcenter customisation projects?

  • guest Tuesday, October 25, 2011

    Dennis, there isn't much of a difference between skinning a regular ADF application and a WebCenter application. You'll probably need the stand-alone skin editor though since you'll be working on an 11.1.1.* version of the components.

  • guest Monday, November 28, 2011

    can you tell me,

    what did you put in ,

    context intialization parametrs,

  • guest Monday, November 28, 2011

    guest - As the blog says, I set the value of org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION to be true.

  • Darren Thursday, August 1, 2013

    Hi Shay,

    Thanks for this demo. I myself have had great success in skinning an ADF panel accordion using the skin editor with the help of firebug.

    The only thing I have been unable to display so far is the icon (i.e. button) in the disclosed panel. In the undisclosed panels the icon is present and exactly where I request it to be.

    I can see in firebug that the disclosed panel's icon is present, but the ADF accordion component seems to have rendered the html such that the style on the disclosed panel icon parent class is "style=display:none". When I disable this with firebug the icon appears just as for the undisclosed panels.

    I can't seem to override this style setting on any of the available style classes in the skin editor. Is it actually override-able using the skin editor and if so, can you tell me how?

    Many thanks,


  • Shay Thursday, August 1, 2013

    Darren - the ADF Faces skinning demo seems to be able to skin accordion's icons fine. See here - http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/panelAccordion.jspx

    Note the various icon selectors they used.

Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.