One more question about SKINNABILITY

[anperez]

Hi all,

I think I have understood pretty well the skinnability feature of Ajax4jsf/Richfaces. However, I would like to use skins with my Tomahawk components with ease. My question is, if I want to use my skins with Tomahawk, do I need to create a new render-kit for all the components?? isn't too much work just to use some style properties? Maybe I am wrong and there is a very easy way to use the skin properties (headerBackgroundColor, headerGradientColor, headerTextColor,....) with the Tomahawk components (or any other components library). Is it possible?

Best regards!!!
Antonio Pérez.

[sergeysmirnov]

Yes, it is much easy to use skin properties in the style classes. Creating a whole render-kit just because of applying skins is a overkill.

[ishabalov]

You can use skin parameters in css like here.

<style>
 .tooltip {
 background-color:#{a4jSkin.generalBackgroundColor};
 border-width:3px;
 padding:10px;
 }
 .tooltip-text {
 width:350px;
 height:75px;
 cursor:arrow;
 border-width:2px;
 text-align:center;
 }
 .tooltipData {
 font-weight: bold;
 }
 </style>

[anperez]

mmm... thanks a lot for the example ishabalov!! however, if I use #{whatever} it means I need to put the styles into the view (JSP, JSPX, XHTML,...) and not into CSS files, right?

[ishabalov]

That is correct.

The alternative might be use of a4j:loadStyle component, but I've checked it few days ago and found broken :-( in that case. We will fix it in a few weeks, after you will be able to specify styles in xcss files. For now I recommend just use special include with style definitions.