dynamic CSS in JSF

Question

I read this article about dynamic CSS.

I would like to generate CSS based on db parameters.

Something similar to <link rel="stylesheet" href="mydynamicCss.ashx?cssCode=mainPage" type="text/css"/>

What is the best way to implement it in JSF?

I am using JSF2.0

An alternative way would be using EL in your css files, assuming you treat them as a resource (<h:outputStylesheet library="css" name="yourcss.css"/>). You can get the ExternalContext, for example, and try to do something with it. Although I can't figure out right now a way to get a paramter from the css file. — bluefoot
– bluefoot, Commented Jul 21, 2011 at 14:46
What is the advantage of using this ability? I don't have the CSS pre-defined I want to create it on the fly — Dejell
– Dejell, Commented Jul 21, 2011 at 16:18
oh, well. Then a Servlet is indeed the best option. If you want one per session, no problem. Just do this check in the Servlet. — bluefoot
– bluefoot, Commented Jul 21, 2011 at 16:25

mrembisz · Accepted Answer · 2011-07-21 11:27:09Z

2

I would rather use an extra servlet for this purpose, possibly something using velocity/freemarker or maybe there are existing libraries supporting css generation. The href link would be mapped to this servlet instead of JSF servlet. I haven't really seen a css taglib for JSF.

answered Jul 21, 2011 at 11:27

mrembisz

12.9k7 gold badges38 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Dejell Over a year ago

However, I don't want this to occur each time that the page is loaded. only once per session

mrembisz Over a year ago

If you encoded your parameters in the URL, you could setup caching or answer with HTTP 304 Not modified. On the other hand these 2 template libraries are much faster than JSF so it would barely impact performance - assuming you do full page refreshes with header included.

Dejell Over a year ago

I didn't understand your answer about HTTP 403

mrembisz Over a year ago

You can find some info here docstore.mik.ua/orelly/java-ent/servlet/ch03_06.htm.

Shervin Asgari · Accepted Answer · 2011-07-21 08:11:45Z

-1

I don't truly understand what you mean, but we create "dynamic" CSS by using conditions.

For instance

<a:repeat var="foo" value="#{foos}">
  <li class="#{foo % 2 == 0?'odd':'even'}">
   ....
</a:repeat>

answered Jul 21, 2011 at 8:11

Shervin Asgari

24.6k32 gold badges109 silver badges145 bronze badges

1 Comment

Dejell Over a year ago

No. I don't want to use it for each component. I want to generate the CSS dynamically

Collectives™ on Stack Overflow

dynamic CSS in JSF

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related