# How to set up a conditional blinking background color?

**URL:** <https://forum.inductiveautomation.com/t/how-to-set-up-a-conditional-blinking-background-color/26223>\
**Category:** Ignition\
**Tags:** ignition79\
**Created:** [July 2, 2019, 1:27pm UTC](https://forum.inductiveautomation.com/t/how-to-set-up-a-conditional-blinking-background-color/26223 "2019-07-02T13:27:37Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [July 2, 2019, 1:27pm UTC](https://forum.inductiveautomation.com/t/how-to-set-up-a-conditional-blinking-background-color/26223/1 "2019-07-02T13:27:37Z")

</div>

I have a navbar where currently the only item with a backgruond color is the window selected.

We have one window that has messages. We want it such if the person has a message waiting for them, the nav bar blinks that color (but only if they are not already on said page).

I have the SQL custom property attached to the navbar that determines if the person has new mail. How can I tie this into making the component blink say a red background?

---

<div class="post-metadata">

**Author:** ![Sanderd17](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/sanderd17/32/8735_2.png) [@Sanderd17](https://forum.inductiveautomation.com/u/Sanderd17)\
**Post date:** [July 2, 2019, 1:40pm UTC](https://forum.inductiveautomation.com/t/how-to-set-up-a-conditional-blinking-background-color/26223/2 "2019-07-02T13:40:08Z")

</div>

That’s very easy via the style customizers:

![afbeelding](https://us1.discourse-cdn.com/inductiveautomation/original/2X/4/4b2620596b4a496d0dd3765a5e355d729a8112d6.png)

Just select your custom property as “Driving Property”, then add the “Background Color” to the “Used properties” list. Finally, on the true condition, check the “Animate” checkmark, and let the color blink.

 ![afbeelding](https://us1.discourse-cdn.com/inductiveautomation/original/2X/0/08282c3c9ec3b906b5023418e54f84b288d1d40d.png)

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [July 2, 2019, 2:01pm UTC](https://forum.inductiveautomation.com/t/how-to-set-up-a-conditional-blinking-background-color/26223/3 "2019-07-02T14:01:48Z")

</div>

Perfect, thank you.

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [July 2, 2019, 2:35pm UTC](https://forum.inductiveautomation.com/t/how-to-set-up-a-conditional-blinking-background-color/26223/4 "2019-07-02T14:35:34Z")

</div>

Is there a way to add an additional value that the background is conditional on? I have three cases, 0, 1, and 2. But for some reason that bottom + sign is always grayed out.

---

<div class="post-metadata">

**Author:** ![Sanderd17](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/sanderd17/32/8735_2.png) [@Sanderd17](https://forum.inductiveautomation.com/u/Sanderd17)\
**Post date:** [July 2, 2019, 2:57pm UTC](https://forum.inductiveautomation.com/t/how-to-set-up-a-conditional-blinking-background-color/26223/5 "2019-07-02T14:57:38Z")

</div>

What’s the data type of your custom property. If it’s an integer, you should get the + -sign

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [July 2, 2019, 3:23pm UTC](https://forum.inductiveautomation.com/t/how-to-set-up-a-conditional-blinking-background-color/26223/6 "2019-07-02T15:23:55Z")

</div>

If you have multiple conditions to handle, you have to combine them into an integer in order to animate with the style customizer. The style customer can only follow one driving property.