ADF Faces Skin Editor - How to Work with It

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.


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


Posted by LuisVil on July 15, 2011 at 12:03 AM PDT #

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.

Posted by Shay on July 18, 2011 at 02:53 AM PDT #

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 "" 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)



Posted by guest on July 19, 2011 at 09:02 AM PDT #

Hi Shay,
I couldnot find this ADF Skin Editor in Jdev

Can you plz specify how to get it?


Posted by bunnynew on August 27, 2011 at 12:51 AM PDT #

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:

Posted by shay on August 27, 2011 at 02:39 AM PDT #

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?

Posted by dennis on October 24, 2011 at 09:28 PM PDT #

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.

Posted by guest on October 25, 2011 at 09:35 AM PDT #

can you tell me,

what did you put in ,

context intialization parametrs,

Posted by guest on November 27, 2011 at 10:18 PM PST #

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

Posted by guest on November 28, 2011 at 03:36 AM PST #

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,

Posted by Darren on July 31, 2013 at 08:11 PM PDT #

Darren - the ADF Faces skinning demo seems to be able to skin accordion's icons fine. See here -
Note the various icon selectors they used.

Posted by Shay on August 01, 2013 at 12:18 PM PDT #

Post a Comment:
  • HTML Syntax: NOT allowed

I'm a Director of Product Management for Oracle's Cloud Development Tools and Frameworks.
Follow me:

« July 2016