Unable to skin icon on af:panelSplitter

Question

I wish to change the default icon on some af:panelSplitter components, but not all. I have created a skin that does many wonderful things, but this one thing eludes me. I'm running JDev 11.1.1.4 but have confirmed the problem in 11.1.1.6 and 11.1.2.0.0.
1. I can style the icon for all panelSplitters with styling like
af|panelSplitter::horizontal-collapse-icon
  content: url("images/af_panelSplitter/questionmark.png");
2. I can style individual panelSplitters by setting StyleClass to helpSplitterStyle and defining this class in my skin:
.helpSplitterStyle af|panelSplitter
  background-color: rgb(204,255,185);
3. I can style pseudo-classes in specific panelSplitters (like for instance the color of the divider ::horizontal-divider) with
.helpSplitterStyle.af|panelSplitter af|panelSplitter::horizontal-divider
  background-color: rgb(136,170,123);
1) proves that my icon can be found and the reference is correct. 2) proves that the style class is applied to my panelSplitter. 3) proves that I am using correct syntax for styling pseudo-elements within a specific style class. This leads me to belive that correct styling of the icon is
.helpSplitterStyle.af|panelSplitter af|panelSplitter::horizontal-collapse-icon
  content: url("images/af_panelSplitter/questionmark_orange.png");  
This, however, does not work. When I inspect the page in Firebug, my custom image is not referenced. I cannot find anything in the documentation to the effect that what I want is not possible.
I'd be very grateful to hear from anybody who has successfully styled individual panelSplitter icons using style classes, or can advise me how to proceed. Next best thing is if anybody can confirm this is a known bug, as I suspect…
Best regards
Sten Vesterli
Oracle ACE Director, Fusion Middleware
Blog: www.vesterli.com   Mail: [email protected]   Twitter: @stenvesterli
My latest book: Oracle ADF Enterprise Application Development - Made Simple

Answer 1

Thank you for the suggestion. We're into workarounds here, because we are styling the background instead of the icon. This means even if we can make this work, I cannot get a separate collapse and restore icon. Since both the collapse and restore icon is skinnable, it should be skinnable through a style class as well.
It's interesting that setting the background works for you, because it doesn't for me. The first styling correctly adds a background image to the panelSplitter with the style class, but the second line simply removes the icon. With the icon gone, the whole icon-container does not render (in Firefox), so I get an invisible splitter that I can only see when I place the mouse on it (because the horizontal-highlighter vertical bar does render). Because the "click-to-collapse" feature only works on the icon, I cannot collapse the panel because the styling has removed the icon altogether. I can only grab the horizontal-hightlighter and move the divider.
I was looking for a solution where panelSplitters without a style class display as default (with the triangle) and panelSplitters with my helpSplitterStyle class display my custom icon.
Cheers
Sten Vesterli