Create new skin

[shimonl]

I tried to create a new Skin, defined skin properties and they are loaded.

Now I want to create my ecss file to use these properties.

I assume that those ecss file should be loaded with no change in my jsf files.

Where should i place my ecss files to enable richfaces load them? Under which directory?

Thanks,

Shimon

[shimonl]

Can any one answer? Maybe it is very simple but didn't find any explanation in documentation

[lfryc]

Hi Shimon, try to place ECSS file under YOUR_WAR/resources/myLibrary/my.ecss,

you can reference that file using

<h:outputStylesheet library="myLibrary" name="my.ecss" />

Note that myLibrary is optional here. Just for completeness :-)

[shimonl]

Thanks Lukas,

This one worked, but it is not exatcly what I am looking for.

I want that my skin will behave exactly as out of the box skins. ie. No special definition in jsf files.

For instance I want to decide on skin based on parameter or the option in web.xml file.

[lfryc]

Shimon, with customizing skin with .skin.properties file, you are controlling pre-defined styles of RichFaces components.

But, if you want to define another style properties, it means define completely other styles,

you need to play with style of components (define own CSS/ECSS and act according to skinning and theming guide [1]).

At last, you can force RichFaces components to load another CSS/ECSS then the ones which they have defined,

by rewriting the impl (it would require to copy&paste current component stylesheet + modify that + save into project structure + point the component to modified stylesheet using resource mapping [2]).

If I can be of any help, just reach me on #richfaces at irc.freenode.net.

[1] http://docs.jboss.org/richfaces/latest_4_X/Developer_Guide/en-US/html/appe-Developer_Guide-Style_classes_and_skin_parameters.html

[2] http://docs.jboss.org/richfaces/latest_4_X/Developer_Guide/en-US/html/chap-Developer_Guide-Advanced_features.html#sect-Developer_Guide-Advanced_features-Resource_mapping