CODEWITHSUNDEEP
cssjsfjsf-2richfaces
s1mm0t
s1mm0t

Reputation: 6095

Richfaces: How do I get complete control over the css

The project I'm working on has employed a designer to create the HTML/CSS. I want to drop the CSS files into our project, manipulate the HTML a little and have the application look like what the designer designed.

My problem is that richfaces is including it's own CSS files, which is affecting what the designer has produced.

I have turned off skinning with the org.richfaces.enableControlSkinning context parameter which has helped. However, I'm still getting css files such as datatable.ecss.jsf which is affecting the styling of my data tables.

I really don't want to have to add to our custom css overrides for every property that the richfaces css sets. And I certainly don't want to do what is suggested here. I would have thought that this was a common use case, but I can't find any answers.

Upvotes: 0

Views: 1272

Answers (1)

Luiggi Mendoza
Luiggi Mendoza

Reputation: 85779

As stated in the RichFaces forum, you can disable all the RichFaces CSS for your project by setting the skin to "plain" or "null".

<context-param>
    <param-name>org.richfaces.skin</param-name>
    <param-value>plain</param-value>
</context-param>

Link of the info: Remove Default CSS - For a specific component

Upvotes: 2

Related Questions