# Embedded view shrink content

**URL:** <https://forum.inductiveautomation.com/t/embedded-view-shrink-content/96645>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 1, 2024, 7:29am UTC](https://forum.inductiveautomation.com/t/embedded-view-shrink-content/96645 "2024-10-01T07:29:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mathieu\_Steketee](https://avatars.discourse-cdn.com/v4/letter/m/9e8a1a/32.png) [@Mathieu\_Steketee](https://forum.inductiveautomation.com/u/Mathieu_Steketee)\
**Post date:** [October 1, 2024, 7:29am UTC](https://forum.inductiveautomation.com/t/embedded-view-shrink-content/96645/1 "2024-10-01T07:29:58Z")

</div>

Hello, I have a project in Ignition 8.1 were I have made a coordinate container.  
In the conatiner I have different components which all have a specific placement.  
This view has a dimention of 1390x800.

I also have another view (Flex container) where I want to display the coordinate view.  
This flex conatiner has the same dimentions as the coordinate view, but I want to display it smaller. I have tried using embedded view, but it seems the view is to large to fit in the flex container and scroll bars appear. I dont want to have any scroll bars.

The issue is the coordinate is to big to display the whole view in the flex container. How do I shrink the whole size of the content in the embedded view? Or is there another way to display a larger view in a smaller view and still contain the right view.

See image:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/4/7430c4a234d6579c64fb5e513012c60c9d8c49c4.png)

---

<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:** [October 1, 2024, 7:34am UTC](https://forum.inductiveautomation.com/t/embedded-view-shrink-content/96645/2 "2024-10-01T07:34:37Z")

</div>

On the top level of the coordinate container you can set the **mode** to percent.

Note however that this does not always have the result you wish for especially with multiple allined images/svgs/icon.

---

<div class="post-metadata">

**Author:** ![Mathieu\_Steketee](https://avatars.discourse-cdn.com/v4/letter/m/9e8a1a/32.png) [@Mathieu\_Steketee](https://forum.inductiveautomation.com/u/Mathieu_Steketee)\
**Post date:** [October 1, 2024, 8:48am UTC](https://forum.inductiveautomation.com/t/embedded-view-shrink-content/96645/3 "2024-10-01T08:48:20Z")

</div>

Hey victordcq, thank you for your quick reply. This worked excellent!

Thank you!