Linking to a CSS file in JSF?

java css jsf jboss6.x
rich picture rich · May 2, 2011 · Viewed 10.5k times · Source

Within <h:head/> tags I have:

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

This is output as:

<link type="text/css" rel="stylesheet" href="RES_NOT_FOUND" />

The stylesheet is within a folder named css under the webapp folder of my maven war. When I browse to http://localhost:8080/mywar/css/common.css I see the stylesheet.

Any ideas what I'm missing? Thanks in advance.

Answer

rich picture rich · May 2, 2011

I followed the directory structure and layout from tip 4 here: http://www.ibm.com/developerworks/java/library/j-jsf2fu1/index.html

Essentially moved the css folder to be under one called resources and then referenced it as:

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

Now it seems to work!

Related questions

<h:inputText> enabled/disabled - change background color

can I change background color for disabled <h:inputText>? I've tried to do this way: <h:inputText value="test" disabled="true" styleClass="input"/> css contains: input:disabled {background-color:blue;} input:enabled {background-color:red;} and result is: …

Read More
JSF - How can I format my global messages in <h:messages> in a visually appealing way?

I'm not too familiar with using the <h:messages> element in JSF. What I'm trying to do is use it to display a list of global messages of varying severity that are generated by a method in my …

Read More
Thymeleaf: how to use conditionals to dynamically add/remove a CSS class

By using Thymeleaf as template engine, is it possible to add/remove dynamically a CSS class to/from a simple div with the th:if clause? Normally, I could use the conditional clause as follows: <a href="lorem-ipsum.html" …

Read More