# Embedded Views not acting independently. View parameter changes affecting multiple embedded views

**URL:** <https://forum.inductiveautomation.com/t/embedded-views-not-acting-independently-view-parameter-changes-affecting-multiple-embedded-views/68439>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 10, 2023, 4:59pm UTC](https://forum.inductiveautomation.com/t/embedded-views-not-acting-independently-view-parameter-changes-affecting-multiple-embedded-views/68439 "2023-01-10T16:59:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bill\_DiBlasi](https://avatars.discourse-cdn.com/v4/letter/b/e68b1a/32.png) [@Bill\_DiBlasi](https://forum.inductiveautomation.com/u/Bill_DiBlasi)\
**Post date:** [January 10, 2023, 4:59pm UTC](https://forum.inductiveautomation.com/t/embedded-views-not-acting-independently-view-parameter-changes-affecting-multiple-embedded-views/68439/1 "2023-01-10T16:59:19Z")

</div>

**Embedded View**  
I have a Flex View with a single SVG element in the root container. The view has an object parameter called 'highlight' with a boolean member named 'enable.' One of the SVG colors is bound to `view.params.highlight.enable` with a Map transform to set the color according the state of the boolean.

**Parent View**  
I have a Coordinate View with 10 embedded views all pointed at the Flex View described above. I have synced the parameters. If I manually toggle the `highlight.enable` boolean on various embedded views I see the following:

- Only the first embedded view I created causes any changes, the rest do not respond to toggling
- When the first embedded view is toggled, all embedded views change color

When I add logic to toggle the highlihgt.enable boolean via onPointerEnter/onPointerLeave events and launch the application, I see the same problem at runtime. I tried cycling the param's input/output state, and I have used print statements to verify that other parameters like equip id are unique when the event script is running.

I instead went with this direct binding approach and manual toggle to focus on the problem the best I could. The embedded views in the parent container were copy/pasted so I added a new embedded view object and pointed it to the Flex View and it is also experiencing this issue.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 10, 2023, 5:14pm UTC](https://forum.inductiveautomation.com/t/embedded-views-not-acting-independently-view-parameter-changes-affecting-multiple-embedded-views/68439/2 "2023-01-10T17:14:48Z")

</div>

Please see this post: [[BUG-6988]Embedded View "Template" Instance Behavior](https://forum.inductiveautomation.com/t/bug-6988-embedded-view-template-instance-behavior/68170)

We are aware of the issue with how svgs apply their settings based on their id and have an open ticket to investigate a fix.

---

<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:** [January 10, 2023, 5:22pm UTC](https://forum.inductiveautomation.com/t/embedded-views-not-acting-independently-view-parameter-changes-affecting-multiple-embedded-views/68439/3 "2023-01-10T17:22:18Z")

</div>

It makes sense that it would be a bug with the SVG id's because I noticed that when I duplicate an SVG the id's within the elements stay the same.

---

<div class="post-metadata">

**Author:** ![Bill\_DiBlasi](https://avatars.discourse-cdn.com/v4/letter/b/e68b1a/32.png) [@Bill\_DiBlasi](https://forum.inductiveautomation.com/u/Bill_DiBlasi)\
**Post date:** [January 10, 2023, 5:32pm UTC](https://forum.inductiveautomation.com/t/embedded-views-not-acting-independently-view-parameter-changes-affecting-multiple-embedded-views/68439/4 "2023-01-10T17:32:26Z")

</div>

Thank you, I went in circles with code that would work with container colors and not with SVG colors. I did get the SVG to operate properly, but in that instance all my visual objects were in a single SVG with unique id's. I've been circling this for 5 weeks not understanding what I was doing wrong/right.
