# Trying to move from InTouch to Ignition and have some questions

**URL:** <https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331>\
**Category:** Ignition\
**Tags:** vision, perspective\
**Created:** [November 24, 2023, 3:33pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331 "2023-11-24T15:33:25Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![emilioc](https://avatars.discourse-cdn.com/v4/letter/e/91b2a8/32.png) [@emilioc](https://forum.inductiveautomation.com/u/emilioc)\
**Post date:** [November 24, 2023, 3:33pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/1 "2023-11-24T15:33:25Z")

</div>

Hi everyone,

I'm trying to learn how to use Ignition. I've always used Wonderware InTouch or Foxboro FoxView for HMI design in my projects, and I'm interested in exploring whether Ignition is a suitable alternative.

Below is an example of a simple project I'm trying to replicate:

 ![consulta_ignition](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/a/1a894e202f67c91cb1f3f1a11b931a5d7808c208.png)

After reviewing the documentation and various posts on this forum, I've gathered the following information. Please correct me if I'm wrong:

- The Vision Module would be a more appropriate tool for this project than Perspective due to the fixed screen size requirement.
- There's no built-in "Blink" animation, and it needs to be scripted.
- The library includes fill tank animations, but there isn't a fill animation specifically designed for arbitrary shapes (e.g., a rectangle). This could be achieved using SVG by binding a gradient node to a variable (I'm not entirely sure about this approach).

My primary question is whether there's a tutorial on developing custom symbols, similar to the indications shown in my example above, that can display tag names, tag values, and change color based on alarm bit status.

Perhaps there are additional resources that I haven't discovered that you could share with me.

If you believe my approach is flawed and have any advice, I would greatly appreciate it.

Thanks,

---

<div class="post-metadata">

**Author:** ![Matrix\_Engineering](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matrix_engineering/32/19781_2.png) [@Matrix\_Engineering](https://forum.inductiveautomation.com/u/Matrix_Engineering)\
**Post date:** [November 24, 2023, 3:35pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/2 "2023-11-24T15:35:37Z")

</div>

> **[Color SVG Dynamically Video at Inductive University](https://www.inductiveuniversity.com/videos/color-svg-dynamically/8.1)**
>
> Learn how to color parts of scalable vector graphic based upon a tag value.

---

<div class="post-metadata">

**Author:** ![Matrix\_Engineering](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matrix_engineering/32/19781_2.png) [@Matrix\_Engineering](https://forum.inductiveautomation.com/u/Matrix_Engineering)\
**Post date:** [November 24, 2023, 3:41pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/3 "2023-11-24T15:41:07Z")

</div>

> [@emilioc](#):
>
> The Vision Module would be a more appropriate tool for this project than Perspective due to the fixed screen size requirement.

It would also be an easier transition from WW-\>Vision than WW-\>Perspective

> [@emilioc](#):
>
> There's no built-in "Blink" animation, and it needs to be scripted.

You can also use expressions; [One second blinker in an expression](https://forum.inductiveautomation.com/t/one-second-blinker-in-an-expression/7329)

---

<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:** [November 24, 2023, 3:44pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/4 "2023-11-24T15:44:00Z")

</div>

1. Maybe. Vision has advantages for on-machine HMIs. Perspective can handle a fixed-size screen just fine. You may want to get more advice. (But Matrix is right, coordinate/pixel screen layouts like WW are easier in Vision.)

2. Vision has a "Style Customizer" that includes the ability to blink. No scripting or expressions required.

3. You can layer components to get fill animations without SVGs, if you do use Vision.

---

<div class="post-metadata">

**Author:** ![emilioc](https://avatars.discourse-cdn.com/v4/letter/e/91b2a8/32.png) [@emilioc](https://forum.inductiveautomation.com/u/emilioc)\
**Post date:** [November 25, 2023, 4:01pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/5 "2023-11-25T16:01:46Z")

</div>

Thanks for your replies. I attempted to create a symbol template in Inkscape and import the SVG to bind its objects to TAG variables such as Value, Engineering units, etc. However, I cannot locate the Data \> Text property similar to the one found in a Label object.

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

Am I overlooking something, or is it not feasible to achieve what I'm attempting?

**EDIT** : After double-clicking the symbol I realized that it was imported as vectors instead of text

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/c/1cbff85ec92580d48aed74cd7be0fec8856baa5b.png)

Is there any way to change this? Or do I have to use Label objects exclusivelly for this type of stuff?

---

<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:** [November 25, 2023, 4:41pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/6 "2023-11-25T16:41:54Z")

</div>

> [@emilioc](#):
>
> use Label objects

Yes, I think so.

---

<div class="post-metadata">

**Author:** ![emilioc](https://avatars.discourse-cdn.com/v4/letter/e/91b2a8/32.png) [@emilioc](https://forum.inductiveautomation.com/u/emilioc)\
**Post date:** [November 26, 2023, 3:21pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/7 "2023-11-26T15:21:59Z")

</div>

Thanks! I've replaced the text objects with labels and then used indirect binding to a custom property of the group so you just have to fill the tagname instead of binding every label/object inside the group

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/a/5ac2482c0de6e40f779568847ee104d90ed97e07.png)

**Is there any way to transform this into a Symbol so I can call multiple instances in the same screen without having to manually bind everything?**

What I'm attempting to do is something similar to what Nader Chinichian did in [this video](https://www.youtube.com/watch?v=OMpdoxswtuA&ab_channel=NaderChinichian)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/0/803551fac5f5b44c89ae58efe365311f992b16a7.jpeg)

Also, I cant get fixed decimal point values to work (eg. always show the value 32 as 32.00), I've followed the [Data Type Formatting Reference](https://docs.inductiveautomation.com/display/DOC81/Data+Type+Formatting+Reference) and doesn't change anything.

Please tell me if you think that I should split these questions into multiple topics or this way is ok

---

<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:** [November 26, 2023, 3:48pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/8 "2023-11-26T15:48:37Z")

</div>

Create templates:  
[https://docs.inductiveautomation.com/display/DOC81/Creating+a+Template](https://docs.inductiveautomation.com/display/DOC81/Creating+a+Template)

Since you mentioned in the first post that you are new to Ignition, you really should finish IU before you get too far.

> **[Learn Ignition at Your Own Pace](https://www.inductiveuniversity.com/)**
>
> Inductive University is a completely free online learning platform
> to help you learn Ignition by Inductive Automation®, the most powerful SCADA software in the world

---

<div class="post-metadata">

**Author:** ![emilioc](https://avatars.discourse-cdn.com/v4/letter/e/91b2a8/32.png) [@emilioc](https://forum.inductiveautomation.com/u/emilioc)\
**Post date:** [November 26, 2023, 4:52pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/9 "2023-11-26T16:52:33Z")

</div>

Great, that was what I was looking for! I didn't noticed that it was called Template

I've got it working now, using indirect binding instead of properties as suggested in the video to be able just to type "PI-01" in the custom properties and add inside each binding in the template te required variable ({1}.value, {1}.EngUnit, etc)

Now im struggling with the fixed decimals, I've tried changing "FormatString" field according to the documentation but doesn't seem to work. Also I'm getting some rounding error when I write floats, instead of 22.1 as intended, it adds some extra digits at the end

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/d/9d3815cbb21619937532883c227b2c40639003bc.png)

---

<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:** [November 26, 2023, 5:30pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/10 "2023-11-26T17:30:59Z")

</div>

Your format is `#,##0.00`, you are requesting two trailing zeros and that is what you have.

I typically don't do any formatting until I am ready to display, so in your case the template.

[https://docs.inductiveautomation.com/display/DOC81/Tag+Properties](https://docs.inductiveautomation.com/display/DOC81/Tag+Properties)  
[https://docs.inductiveautomation.com/display/DOC81/Data+Type+Formatting+Reference](https://docs.inductiveautomation.com/display/DOC81/Data+Type+Formatting+Reference)

---

<div class="post-metadata">

**Author:** ![emilioc](https://avatars.discourse-cdn.com/v4/letter/e/91b2a8/32.png) [@emilioc](https://forum.inductiveautomation.com/u/emilioc)\
**Post date:** [November 28, 2023, 8:22pm UTC](https://forum.inductiveautomation.com/t/trying-to-move-from-intouch-to-ignition-and-have-some-questions/82331/11 "2023-11-28T20:22:19Z")

</div>

> Your format is `#,##0.00` , you are requesting two trailing zeros and that is what you have.

Yes, I noticed that on the Tag Browser panel but I couldn't get that working on the Label

> I typically don't do any formatting until I am ready to display

I took me a while to get this and realized that I was using Label instead of **Numeric Label**

Now it's working great, thank you very much!

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