# Format Transform

**URL:** <https://forum.inductiveautomation.com/t/format-transform/85715>\
**Category:** Ignition\
**Created:** [February 14, 2024, 8:21pm UTC](https://forum.inductiveautomation.com/t/format-transform/85715 "2024-02-14T20:21:26Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Coleman\_Dudley](https://avatars.discourse-cdn.com/v4/letter/c/e0b2c6/32.png) [@Coleman\_Dudley](https://forum.inductiveautomation.com/u/Coleman_Dudley)\
**Post date:** [February 14, 2024, 8:21pm UTC](https://forum.inductiveautomation.com/t/format-transform/85715/1 "2024-02-14T20:21:26Z")

</div>

All,

I'm currently using Format Transformation to inputs as follows:

40-\>100  
30-\>75  
20-\>50  
10-\>25

Is there a way I can add color to this also? Can two Transformations be used at the same time?

Thanks,

C

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [February 14, 2024, 9:06pm UTC](https://forum.inductiveautomation.com/t/format-transform/85715/2 "2024-02-14T21:06:41Z")

</div>

> [@Coleman\_Dudley](#):
>
> Format Transformation

This isn't a format operation, its a scaling operation. So why are you using a format transform? Even if it will only ever be these 4 values, it seems to me that a Map transform is much better suited to the task.

> [@Coleman\_Dudley](#):
>
> Can two Transformations

You can stack transforms, just remember that order is important.

Whenever I get to the place where I'm considering stacking transforms, then I always take a step back.

Where are these values coming from? Is it always 1 of these four values? What are you trying to accomplish here?

---

<div class="post-metadata">

**Author:** ![Coleman\_Dudley](https://avatars.discourse-cdn.com/v4/letter/c/e0b2c6/32.png) [@Coleman\_Dudley](https://forum.inductiveautomation.com/u/Coleman_Dudley)\
**Post date:** [February 15, 2024, 7:19pm UTC](https://forum.inductiveautomation.com/t/format-transform/85715/3 "2024-02-15T19:19:58Z")

</div>

lrose,

Thanks for your reply. These values are coming from a gauge with a signal. The values are coming at 0,1,2,3, and 4.

I'm displaying this as a progress bar. If the value comes in as 4. I want it to display 100% full and for the bar to be green.

If the value comes in as 3. I want it to display 75% full and for the bar to be yellow.

Etc.

Do you have any pointers?

Thanks again,

C

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [February 15, 2024, 7:36pm UTC](https://forum.inductiveautomation.com/t/format-transform/85715/4 "2024-02-15T19:36:39Z")

</div>

Sure.

1. Set `Progress.props.max` to 4
2. Configure a property binding to `Progress.props.value` on `Progress.props.bar.color`
3. Add a map transform to the binding.
4. Set the Output Type of the transform to Color
5. Add mappings for your various colors.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/f/8fddbfcadf5c91c922ea525ccae4bd2277a03c37.png)

Sample:

![progress](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/d/4d39de309923e19e794361af567784d0c9cc7e56.gif)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 15, 2024, 7:40pm UTC](https://forum.inductiveautomation.com/t/format-transform/85715/5 "2024-02-15T19:40:29Z")

</div>

Is this Perspective or Vision. Please edit your original question title and add the appropriate tag.