How to apply styles to from external CSS in jsf 2.0?

Question

I am working in JSF 2.0 application and using external stylesheets for UI styling. But I am unable to change the <h:commandButton> styling through external CSS.

The same was working with in-line styling. Also I am using Richfaces 4.4 skin in my application.

Note: for today the latest stable RichFaces version is 4.3.6.Final. Are you sure you use version 4.4? — Vasil Lukach, Apr 15 '14 at 17:12

score 0 · Answer 1 · answered Apr 15 '14 at 14:23

For applying style in h:commanButton use styleClass attribute:

<h:commandButton value="someName" action="#{bean.method}" styleClass="yourStyle" />

Essential is set CSS after RichFaces styles (for example in template body, not in header):

<h:body>
    <link rel="stylesheet" type="text/css" href="#{properpath}/your.css" media="all" />
</h:body>

In my project it is

<link rel="stylesheet" type="text/css"
    href="#{request.contextPath}/css/basic.css" media="all" />

You can use h:outputStylesheet instead of <link />.

How to apply styles to from external CSS in jsf 2.0?

1 Answers1