# Changing multiple elements of symbol \[Perspective\]

**URL:** <https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [June 27, 2022, 5:19am UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220 "2022-06-27T05:19:41Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![uy\_huynh](https://avatars.discourse-cdn.com/v4/letter/u/54ee81/32.png) [@uy\_huynh](https://forum.inductiveautomation.com/u/uy_huynh)\
**Post date:** [June 27, 2022, 5:19am UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/1 "2022-06-27T05:19:41Z")

</div>

I’m trying to change the color of a valve in symbol factory matching on/off. To change the color, more than 20 elements need to be changed. Is there any smart way to do this?  
TIA

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 27, 2022, 6:56am UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/2 "2022-06-27T06:56:09Z")

</div>

With theme.css / css injection  
But if you dont realy know anything about it its probably more work than changing a few properties

---

<div class="post-metadata">

**Author:** ![djs](https://avatars.discourse-cdn.com/v4/letter/d/e47774/32.png) [@djs](https://forum.inductiveautomation.com/u/djs)\
**Post date:** [June 27, 2022, 1:41pm UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/3 "2022-06-27T13:41:08Z")

</div>

Not an easy solution, but one that can probably be reused once developed:  
Make a recursive method that drills down into the elements property, finds the color props and changes the value. You’d probably have to account for different cases based on whether the input is an array or object etc… not so straight forward.

---

<div class="post-metadata">

**Author:** ![uy\_huynh](https://avatars.discourse-cdn.com/v4/letter/u/54ee81/32.png) [@uy\_huynh](https://forum.inductiveautomation.com/u/uy_huynh)\
**Post date:** [June 27, 2022, 9:35pm UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/4 "2022-06-27T21:35:29Z")

</div>

So what are you saying is to change all these elements manually? It would destroy my wrist if I do this with 10 valves 🥲  
Is there any way to create a fill for the group of elements in the pic?

> **[Untitled](https://ibb.co/Mhxy3f8)**
>
> Image Untitled hosted in ImgBB

---

<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:** [June 28, 2022, 12:26am UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/5 "2022-06-28T00:26:31Z")

</div>

Bind the fill for the elements to a custom property, and then change the value of that custom property.

Duplicate the valve where needed.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 28, 2022, 10:20am UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/6 "2022-06-28T10:20:06Z")

</div>

well if you need a bunch of them then i guess theme.css might be easier  
can you show me the valve and what you want to color?

---

<div class="post-metadata">

**Author:** ![uy\_huynh](https://avatars.discourse-cdn.com/v4/letter/u/54ee81/32.png) [@uy\_huynh](https://forum.inductiveautomation.com/u/uy_huynh)\
**Post date:** [June 28, 2022, 11:43pm UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/7 "2022-06-28T23:43:05Z")

</div>

Your solution works greate but the symbol is not on point as it was. 😀

---

<div class="post-metadata">

**Author:** ![uy\_huynh](https://avatars.discourse-cdn.com/v4/letter/u/54ee81/32.png) [@uy\_huynh](https://forum.inductiveautomation.com/u/uy_huynh)\
**Post date:** [June 28, 2022, 11:45pm UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/8 "2022-06-28T23:45:40Z")

</div>

Hi victordcq,  
Are u able to click the imgbb? I couldn’t upload the image in the reply. Keeps saying error while uploading.  
I’ve attached the imgbb below as well.  
[Untitled — ImgBB (ibb.co)](https://ibb.co/Mhxy3f8)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 29, 2022, 11:59am UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/9 "2022-06-29T11:59:51Z")

</div>

you have shown the valve but not what needs to change color, the blue?

the blue is done with gradients, which is quite a bit of work to change, instead you could use a filter  
its also a bit of searching for the correct filter but it will be easier than changing all the gradients.

4 and 5 are the ones in blue  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/f/8f8bcfcd65826a7bdda9e8bce1c6d4a5415496a3.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/a/fa161171ea40247436073eb8f1156e93a2992bbf.png)

Note it doesnt seem like the designer can handle filters so you should test out the correct value in the browser. with the inspector (no idea of the app can handle it)

---

<div class="post-metadata">

**Author:** ![uy\_huynh](https://avatars.discourse-cdn.com/v4/letter/u/54ee81/32.png) [@uy\_huynh](https://forum.inductiveautomation.com/u/uy_huynh)\
**Post date:** [June 30, 2022, 12:05am UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/10 "2022-06-30T00:05:34Z")

</div>

Thanks Victor, your solution works great!

Due to the task requires many conditions such as on, off, off 1/2, and 3/4. So I might stick with the perspective valve. Even though the perspective valve looks like a manual valve, not pretty as the symbol factory one 🥲

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 30, 2022, 6:21am UTC](https://forum.inductiveautomation.com/t/changing-multiple-elements-of-symbol-perspective/61220/11 "2022-06-30T06:21:44Z")

</div>

its not to hard to put a binding on the 2 filters to change colors, but yea, its just a symbol
