Color button by expression

[Jwink]

I need to color a button or object background color dynamically.
The database has been filtered by url parameter.
field values are 1,2 or 3 (1 green , 2 yellow, 3 red)
Is this possible?

[brad]

Yes you can. This tutorial shows how to do it with table rows, but it is exactly the same for buttons.

Set Table Row Background Color with Dynamic Value

You can change the table row background color, depending on a dynamic value from your database thanks to the dynamic attributes available in Wappler. In this tutorial we will show you how to use the default background color classes available in Bootstrap 4, but you can assign your own classes to the table rows. We created a dynamic table, which shows the data from our database. We want to use a red background when the quantity from the database is less than 50: [Screenshot_5] Select the table…

[Jwink]

Thank you for your reply
when using the btn-danger class with expression there are no color changes!

[Teodor]

Can you provide a link to your page, where we can check this?

[Jwink]

button background color has been set to info

database fieldvalue = 3 (class toggle = btn-danger)

condition = db.data.qry[0].status = 3

iscan.bus.nl/bus.aspx/?id=1000

[Teodor]

The code on your page is wrong. I see the classes entered twice:

<button class="btn flex-xl-shrink-1 bg-info" data-toggle="button" dmx-class:btn-danger.btn-danger="dbitec.data.qryitec[0].certificate_status = 3" dmx-class:btn-warning.btn-warning="dbitec.data.qryitec[0].certificate_status = 2" dmx-class:btn-success.btn-success="dbitec.data.qryitec[0].certificate_status = 1">

They should only be entered once, like:

dmx-class:btn-danger="..."

[Teodor]

I also see your expression is wrong:

"dbitec.data.qryitec[0].certificate_status = 3"

must be:

"dbitec.data.qryitec[0].certificate_status == 3"

i.e. the right expression for equals to is ==

[Jwink]

it is working… thks

[Teodor]

Please see my last reply