# Change my button background color

**URL:** <https://discourse.nodered.org/t/change-my-button-background-color/82973>\
**Category:** Dashboard\
**Created:** [17 November 2023 16:33 UTC](https://discourse.nodered.org/t/change-my-button-background-color/82973 "2023-11-17T16:33:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![pepe2](https://avatars.discourse-cdn.com/v4/letter/p/dfb087/32.png) [@pepe2](https://discourse.nodered.org/u/pepe2)\
**Post date:** [17 November 2023 16:33 UTC](https://discourse.nodered.org/t/change-my-button-background-color/82973/1 "2023-11-17T16:33:04Z")

</div>

Hi, I like to change my background color of my button on a dashboard, depending of the state of a global variable.  
It has to look like =\> {{global.get("speelOverhevel" ) == true? 'green' : 'red'}} But that is not working.

If I put something like this =\> {{msg.payload.state \>0? 'green' : 'red'}} this is working. But I like to use my global variable.

Is there somebody who can point me in the right direction?  
Thanks.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 November 2023 16:38 UTC](https://discourse.nodered.org/t/change-my-button-background-color/82973/2 "2023-11-17T16:38:21Z")

</div>

Guessing as you have not supplied a example flow.

You are trying to use angular `{{ }}`  
But global is server side and angular is client side, so is not available in the button, which is running in your browser (client side)

Use a change node prior to the button to set a property of msg to the value of the global var.

If this is not correct please supply an simple example flow of issue.

---

<div class="post-metadata">

**Author:** ![pepe2](https://avatars.discourse-cdn.com/v4/letter/p/dfb087/32.png) [@pepe2](https://discourse.nodered.org/u/pepe2)\
**Post date:** [17 November 2023 16:46 UTC](https://discourse.nodered.org/t/change-my-button-background-color/82973/3 "2023-11-17T16:46:29Z")

</div>

Thanks this is working.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [17 December 2023 16:46 UTC](https://discourse.nodered.org/t/change-my-button-background-color/82973/4 "2023-12-17T16:46:41Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
