Conditional inline formatting with thymeleaf attributes

Question

I want to conditionally style elements by comparing two attributes.

a url parameter 'customerID'

http://localhost:8080/home?customerID=3

a model attribute

th:each=" customer : ${customers}"

I want to change the background of a button if these two parameters are equal. I'm using inline styling with thymeleaf.

th:style="${param.customerID == customer.id ? 'background-color:green' : 'background-color:red'}"

but the result of the condition is always false even when the two arguments are equal.

    <div class="user-list">
    <div class="active-btn-group" id="active-button-group" th:each=" customer : ${customers}">

        <p th:text="${param.customerID}">Test</p>
        <p th:text="${customer.id}">Test</p>
        <button th:id="${customer.id}" th:style="${param.customerID == customer.id ? 'background-color:green' : 'background-color:red'}">

        </button>
    </div>
</div>

How should I change the about inline formatting expression?

will you accept my answer then?

Aritra Paul
– Aritra Paul

2019-11-19 11:02:56 +00:00
Commented Nov 19, 2019 at 11:02 — Aritra Paul
– Aritra Paul, Commented Nov 19, 2019 at 11:02

Aritra Paul · Accepted Answer · 2019-11-19 11:02:23Z

2

I think there is a type conversion problem. would you try like bellow th:style="${#strings.equals(#strings.toString(param.customerID), #strings.toString(customer.id))?'background-color:green' : 'background-color:red' }

answered Nov 19, 2019 at 11:02

Aritra Paul

8641 gold badge8 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Conditional inline formatting with thymeleaf attributes

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related