# How to create a flashing component in Vision

**URL:** <https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [March 14, 2024, 8:26am UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315 "2024-03-14T08:26:50Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lion\_Sun](https://avatars.discourse-cdn.com/v4/letter/l/3ab097/32.png) [@Lion\_Sun](https://forum.inductiveautomation.com/u/Lion_Sun)\
**Post date:** [March 14, 2024, 8:26am UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315/1 "2024-03-14T08:26:50Z")

</div>

I want to create a flash label in vision project. The background color keeps changing from red and white colors periodically.

Anyone can share some ideas how I can make this happen? Thanks!

---

<div class="post-metadata">

**Author:** ![crees](https://avatars.discourse-cdn.com/v4/letter/c/50afbb/32.png) [@crees](https://forum.inductiveautomation.com/u/crees)\
**Post date:** [March 14, 2024, 11:02am UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315/2 "2024-03-14T11:02:42Z")

</div>

Generally if I need to do this, I put a binding on background colour similar to this (This is a 1 second flash). Make sure background fill is enabled.

```auto
if(
	{TagToActiveFlashing},
	case(
		getSecond(now()) % 2,//Toggles every second
		0, color(255,0,0), //Red
		1, color(255,255,255), //White
		color(0,0,0) //Black if neither 0 or 1
		),
	color(123,123,123) // color if not flashing
)

```

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [March 14, 2024, 11:06am UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315/3 "2024-03-14T11:06:16Z")

</div>

Use style customizer.

> **[Vision Component Customizers | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/ignition-modules/vision/working-with-vision-components/vision-component-customizer)**
>
> The Vision module provides a number of customizers to configure components in ways that are more complex or detailed for basic properties.

---

<div class="post-metadata">

**Author:** ![Lion\_Sun](https://avatars.discourse-cdn.com/v4/letter/l/3ab097/32.png) [@Lion\_Sun](https://forum.inductiveautomation.com/u/Lion_Sun)\
**Post date:** [March 14, 2024, 11:29am UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315/4 "2024-03-14T11:29:29Z")

</div>

Thanks! this is a good method, I have tried your method and it is workable.

---

<div class="post-metadata">

**Author:** ![Lion\_Sun](https://avatars.discourse-cdn.com/v4/letter/l/3ab097/32.png) [@Lion\_Sun](https://forum.inductiveautomation.com/u/Lion_Sun)\
**Post date:** [March 14, 2024, 11:31am UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315/5 "2024-03-14T11:31:57Z")

</div>

Helpful Tips! Thank you.

---

<div class="post-metadata">

**Author:** ![Jessy\_Underhill](https://avatars.discourse-cdn.com/v4/letter/j/90db22/32.png) [@Jessy\_Underhill](https://forum.inductiveautomation.com/u/Jessy_Underhill)\
**Post date:** [March 18, 2025, 3:24pm UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315/6 "2025-03-18T15:24:07Z")

</div>

This was such a stupid simple solution. I just used the Visible as my Driving Property for Fill Paint and then set an animation to get the flash result I wanted. Thanks much!

---

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [March 18, 2025, 4:31pm UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315/7 "2025-03-18T16:31:18Z")

</div>

The correct answer is a style customizer based on a custom property (INT) with your binding that determines when it should flash. The customizer is a much simpler solution than a complicated color binding.

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [March 18, 2025, 4:51pm UTC](https://forum.inductiveautomation.com/t/how-to-create-a-flashing-component-in-vision/87315/8 "2025-03-18T16:51:08Z")

</div>

As an aside, non synchronized flashing looks bad in my opinion, so if you have more things that may be flashing at the same interval, i would create a vision client tag with an expression something like `toMillis(now(500)) % 1000 < 500 `  
You can use the client tag expression to alternate colors and it will synchronize the flashing every place you use it.