Adding CSS or JS to Woodstock JSF page

Question

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?

Which libraries are you using? Facelets? Richfaces? Tomahawk? Icefaces?... Please be a little more precise. — Romain Linsolas, Jul 02 '09 at 10:51
Keep in mind the Woodstock library isn't being supported anymore. — Drew, Jul 02 '09 at 13:31
"I have to use JSF . I hate it!" - Do you hate it just because you don't know how to do things with it (like embedding CSS)? Do you hate programming also? ;) — ivan_ivanovich_ivanoff, Jul 04 '09 at 00:03
JSF is brilliant. Woodstock is a shame. Fortunately it's dead as of now. — BalusC, Feb 01 '11 at 20:21

score 2 · Answer 1 · edited Jul 02 '09 at 13:50

2

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.

edited Jul 02 '09 at 13:50

Michael Myers

188,989
46
291
292

answered Jul 02 '09 at 13:32

Drew

15,158
17
68
77

score 2 · Answer 2 · answered Jul 05 '09 at 18:42

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>

score -1 · Answer 3 · answered Oct 21 '17 at 17:46

-1

simply use :

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

for JS uses this tag :

 <h:outputScript>

answered Oct 21 '17 at 17:46

Moh Ali

11
1

Sorry, this won't work. OP clearly said he's using Woodstock. Your syntax works only from JSF 2.0 on. – BalusC Oct 21 '17 at 18:59

Adding CSS or JS to Woodstock JSF page

3 Answers3

Linked