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

java html css spring thymeleaf
vdenotaris picture vdenotaris · Aug 5, 2014 · Viewed 110.7k times · Source

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" th:if="${condition}">Lorem Ipsum</a>

We will be creating a link to the lorem ipsum page, but only if condition clause is true.

I'm looking for something different: I'd like the block to always visible, but with changeable classes according to the situation.

Answer

nilsi picture nilsi · Nov 17, 2014

There is also th:classappend.

<a href="" class="baseclass" th:classappend="${isAdmin} ? adminclass : userclass"></a>

If isAdmin is true, then this will result in:

<a href="" class="baseclass adminclass"></a>

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
How to send HTTP request in java?

In Java, How to compose a HTTP request message and send it to a HTTP WebServer?

Read More
Remove HTML tags from a String

Is there a good way to remove HTML from a Java string? A simple regex like replaceAll("\\<.*?>", "") will work, but things like &amp; wont be converted correctly and non-HTML between the two angle brackets will be removed (…

Read More