I tried to make it work for over 2 hours before I gave up.
Using JSF (the Woodstock Library) is required (even though I hate it now!).
How can I add CSS or JavaScript to a JSF page and have it work?
I tried to make it work for over 2 hours before I gave up.
Using JSF (the Woodstock Library) is required (even though I hate it now!).
How can I add CSS or JavaScript to a JSF page and have it work?
You can use the usual suspects: <script>
and <style>
. Depending on your JSF version, you may need to wrap them in a <f:verbatim>
tag.
Heres how I do it:
<f:view>
<html>
<head>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<h:outputText value="Test style" style="background-color: red;" />
<h:outputText value="Test style class" styleClass="testClass" />
</body>
</html>
</f:view>
simply use :
<h:head>
<h:outputStylesheet library="css" name="css/style.css" />
</h:head>
for JS uses this tag :
<h:outputScript>