primefaces with custom css file

Question

Good morning, i have a problem in applying a style sheet on a primefaces commandButton , the button element is as follows:

        <p:commandButton value="Complains" styleClass="styleOrange"/>

and the style sheet:

    .styleOrange {    
    background-color: orange;
}

the css file is placed in the resources folder under css folder:

here's the include statement of the css file:

<h:head>

<h:outputStylesheet name="/resources/css/style.css" library="css" />

</h:head>

score 12 · Accepted Answer · edited May 23 '17 at 10:33

12

There is no need for the /resources/ prefix. JSF already implicitly loads resources from there.

Just change the name into css/style.css, like this:

<h:outputStylesheet name="css/style.css" />

edited May 23 '17 at 10:33

Community

answered Apr 28 '13 at 08:38

Daniel

Thangnv · Answer 2 · 2013-10-11T14:12:04.030

-1

U must edit path of css file:

<h:outputStylesheet library="css" name="#{request.contextPath}/css/style.css"/>

edited Oct 11 '13 at 14:12

answered Oct 11 '13 at 13:38

Thangnv

Two things wrong here: 1) https://stackoverflow.com/questions/11988415/what-is-the-jsf-resource-library-for-and-how-should-it-be-used 2) the contextPath is included by the component. – Kukeltje Jun 29 '18 at 20:35

2 Answers2