# Text linked to integer

**URL:** <https://forum.inductiveautomation.com/t/text-linked-to-integer/14310>\
**Category:** Ignition\
**Created:** [May 16, 2017, 2:16pm UTC](https://forum.inductiveautomation.com/t/text-linked-to-integer/14310 "2017-05-16T14:16:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tom.wouters](https://avatars.discourse-cdn.com/v4/letter/t/d2c977/32.png) [@tom.wouters](https://forum.inductiveautomation.com/u/tom.wouters)\
**Post date:** [May 16, 2017, 2:16pm UTC](https://forum.inductiveautomation.com/t/text-linked-to-integer/14310/1 "2017-05-16T14:16:41Z")

</div>

Hello,

I would like to visualize text linked to an integer.

Like if integer value = 100 - Text = “Adding acid”

integer value = 110 - Text = “Circulating acid”

…

What is the best way to do this?

I’m new to ignition and at this point everything is going great. So I’m sorry if this a is an easy question for most of you.

Thanks in advance!

Regards

---

<div class="post-metadata">

**Author:** ![nmudge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nmudge/32/3394_2.png) [@nmudge](https://forum.inductiveautomation.com/u/nmudge)\
**Post date:** [May 16, 2017, 2:34pm UTC](https://forum.inductiveautomation.com/t/text-linked-to-integer/14310/2 "2017-05-16T14:34:10Z")

</div>

There are different ways to do this.

One way easy way to do it is by using the Style Customizer on the “Multi-State Indicator” component. Here’s a link to the documentation about that and a link to a video about that:  
[https://docs.inductiveautomation.com/display/DOC79/Component+Customizers](https://docs.inductiveautomation.com/display/DOC79/Component+Customizers)  
[https://www.inductiveuniversity.com/video/component-styles/7.9](https://www.inductiveuniversity.com/video/component-styles/7.9)

Here is what to do:

1. Put a “Multi-State Indicator” component on the window.
2. This component has a property called “State”. This is where you put your integer value, like 100 or 110.
3. Right click on the Multi-State Indicator, select Customizers -\> Style Customizer
4. Then edit your styles for the different values. Click on the little down icon next to the X icons to edit what is displayed.

You can do the same thing as above with other components too. For example you could do this with a Label component. Add a custom property called “status” to the label component and use that as the driving property for the Styles.

---

<div class="post-metadata">

**Author:** ![tom.wouters](https://avatars.discourse-cdn.com/v4/letter/t/d2c977/32.png) [@tom.wouters](https://forum.inductiveautomation.com/u/tom.wouters)\
**Post date:** [May 17, 2017, 6:15am UTC](https://forum.inductiveautomation.com/t/text-linked-to-integer/14310/3 "2017-05-17T06:15:09Z")

</div>

Thank you nmudge this works exactly as I wanted it to!