# Embedded views position is not aligning properly in Co ordinate container

**URL:** <https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [May 21, 2025, 5:56am UTC](https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492 "2025-05-21T05:56:39Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [May 21, 2025, 5:56am UTC](https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492/1 "2025-05-21T05:56:39Z")

</div>

Hello  
I had created a view of Co ordinate container with size as 1920x1080 and property is as percent and aspect ratio of 1920x1080.  
Inside the container I have a svg image property as fill and width = 1920, height 1080 and pointerEvents as None  
On top of svg I have placed 100s of embedded views of components.

When I load the view, the embedded view size is getting shrink and position is also not correct, and when i try to zoom in/zoom out or resize the browser the embedded view size and position shows correctly.

Every time I am saving the project or loading the view i face this issue.

Suggestions or advice will be helpful for me

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 21, 2025, 7:53am UTC](https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492/2 "2025-05-21T07:53:24Z")

</div>

What are your embedded views? Are they also coord? Are they set to percent? Aspect ratio on the embedded view definitely should **not** be set

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [May 21, 2025, 10:07am UTC](https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492/3 "2025-05-21T10:07:12Z")

</div>

I didnt understand embedded view **DEF** should not be set means?

---

<div class="post-metadata">

**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\
**Post date:** [May 21, 2025, 10:23am UTC](https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492/4 "2025-05-21T10:23:41Z")

</div>

It means you should set your embedded views coordinate container to **fixed** instead of **percent**.

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [May 21, 2025, 11:41am UTC](https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492/5 "2025-05-21T11:41:44Z")

</div>

Some of the embedded views are Co ordinate and mode is of percent and some views are of Flex container

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 21, 2025, 11:50am UTC](https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492/6 "2025-05-21T11:50:01Z")

</div>

Nooo! They should _always_ match if using percent in the main view (ie embedded views should be _ **percent** _) . But embedded views should have their _ **aspect ratios** _ blank

> [@Learner\_Ignition](#):
>
> some views are of Flex container

I'm guessing these are the ones you're having issues with aligning and not your percent coord embedded views?

For embedded flex views to align when embedded onto a coord view, their internal content needs to fill the entire root view

---

<div class="post-metadata">

**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\
**Post date:** [May 21, 2025, 12:24pm UTC](https://forum.inductiveautomation.com/t/embedded-views-position-is-not-aligning-properly-in-co-ordinate-container/106492/7 "2025-05-21T12:24:22Z")

</div>

> [@nminchin](#):
>
> Nooo! They should _always_ match if using percent in the main view (ie embedded views should be _ **percent** _) . But embedded views should have their _ **aspect ratios** _ blank

Right, apologies. I misunderstood what you were saying originally.
