- Instant help with your Java coding problems

Add CSS class based on condition in Thymeleaf

Snippet added on Nov 28, 2020 by Mike

Question:

How to add CSS class based on condition in Thymeleaf?

Answer:

<div class="panel" th:classappend="${isFiltered} ? '' : 'filtered' ">

Description:

There is also a specific appending attribute in the Standard Dialect: the th:classappend attribute, which is used for adding a CSS class to an element without overwriting the existing ones.

Reference:

Class appending reference

Share "How to add CSS class based on condition in Thymeleaf?"

Related snippets:

Tags:

classappend, condition based class, css class, thymeleaf, add class

Technical term:

Add CSS class based on condition in Thymeleaf

Trending articles

Serving robots.txt in Spring Boot Java file handling tutorial

Trending snippets

Solving the Error: unsupported class file major version Get tomorrow's date in Java Get yesterday's date in Java Get the first Monday of a month in Java Get the last Friday of a month in Java Get the first day of the current month in Java Add CSS class based on condition in Thymeleaf Get the number of days between two dates in Java Get the first day of the week in Java Get the last day of a month in Java Compare strings in Java Get actual date in Java Create new dialect in Thymeleaf

Network articles

Fix the ReactDOM.render is no longer supported in React 18 Solving the Uncaught SyntaxError: Cannot use import statement outside a module Solving the Error: Must use import to load ES Module Generate dynamic GUID for each request in Postman Check if a value is a number in JavaScript Extract a substring from a string in PHP Create a fixed navbar with TailwindCSS How to use CSS variables in TailwindCSS Add class to the clicked element in JavaScript Change syntax highlighting in VS Code Access JavaScript object property with space Extract year from a date in MySQL Count the number of characters in a string with JavaScript Generate random color with JavaScript Switch browser to fullscreen mode with JavaScript Change terminal font size in VS Code Add days to date in PHP Create rounded corners with CSS Convert PHP string to int value Find MySQL data directory location

Interesting things

Top ChatGPT videos