RichFaces skin (L&F) for standard h:inputText

[piotr.walczyszyn]

Anyone knows how can I apply RichFaces skin (L&F) to standard <h:inputText /> field? I'm using Facelets and Seam in my environment (I have classic skin configured in my web.xml and it nicelly applies for rich:* components but it doesn't for standard JSF ones).

[sergeysmirnov]

To apply skins to the standard input components with any step from your side, it should be a custom renderer there. RF2.0 contains renderers. Adding them to the RichFaces 3.0 is under concentration now.

It looks like the most easiest way how to skin the h:inputText is applying the class of the input field from inputNumberSlider for example. Ie:

<h:inputText styleClass="dr-insldr-field" />

Frankly speaking, we did not keep this approach in mind developing the skinning functionality

Actually, as soon as you use facelets, you can use the EL to access to the slin parameters even from the classes declared on the page (but not in the external css file because facelets do not process it)

for example:

<h:inputText style="background-color:#{a4jSkin.additionalBackgroundColor}" />

To use the dynamically generated stuff in the css classes (such as gradient that depends of skin) is more complected because it requires to involve the resource framework call like we do internally in our components.
We did not decide yet have we offer this like a common approach for end application developers

[igx89]

Will RichFaces 3.1 bring anything new to make doing this easier?

[sergeysmirnov]

Sorry, I did not realize that it was so hard.

[sergeysmirnov]

http://livedemo.exadel.com/richfaces-demo/richfaces/style.jsf

This demo shows how non-RichFaces visual elements can be skinned. However, nothing new from 3.1 is here. This functionality is a part of RichFaces for a while.