# Coordinate Container Scaling **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [June 18, 2025, 5:52pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541 "2025-06-18T17:52:52Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![bshriner](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bshriner](https://forum.inductiveautomation.com/u/bshriner)\ **Post date:** [June 18, 2025, 5:52pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/1 "2025-06-18T17:52:52Z")
I am using a coordinate container view to build a dashboard. I want it to scale to the size of the window it is open in. I don't want anything to overflow, I want the entire container to shrink or expand with the window. That way nothing gets cut off and everything looks the same just bigger or smaller depending on the window. ---
**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\ **Post date:** [June 18, 2025, 6:14pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/2 "2025-06-18T18:14:20Z")
Put it inside a Flex container and set its POSITION to: ```python 'basis': auto, 'grow': 1, 'shrink': 1 ``` Also, set its `mode` to `percent`. ---
**Author:** ![bshriner](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bshriner](https://forum.inductiveautomation.com/u/bshriner)\ **Post date:** [June 18, 2025, 6:18pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/3 "2025-06-18T18:18:27Z")
A flex container doesn't give me the control over the individual components that I need. I need to use a coordinate container for this application. ---
**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\ **Post date:** [June 18, 2025, 6:20pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/4 "2025-06-18T18:20:54Z")
Yes, but put it _inside_ a Flex container. ---
**Author:** ![bshriner](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bshriner](https://forum.inductiveautomation.com/u/bshriner)\ **Post date:** [June 18, 2025, 6:41pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/5 "2025-06-18T18:41:27Z")
![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/e/9e6d9da3b55e6ad4c9fe8741368ac49992c40c9f.png) This is what it looks like when I put the coordinate container into a flex container. I want it to be able to keep the same look. If I am doing something wrong and just not understanding you I apologize, I am new to ignition. ---
**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\ **Post date:** [June 18, 2025, 6:45pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/6 "2025-06-18T18:45:02Z")
Can you post the code here? Hold down SHIFT while right-clicking on the view, and select Copy JSON: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/3/4390c5b45e3924b20108ff094dc8bc5d8352f84d.png) The view itself should be a Flex Container, with the Coordinate Container placed in its root. ---
**Author:** ![bshriner](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bshriner](https://forum.inductiveautomation.com/u/bshriner)\ **Post date:** [June 18, 2025, 6:52pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/7 "2025-06-18T18:52:03Z")
{ "custom": {}, "params": {}, "props": { "defaultSize": { "height": 1730, "width": 2220 } }, "root": { "children": [ { "meta": { "name": "Huntington" }, "position": { "grow": 1 }, "props": { "path": "Huntington" }, "type": "ia.display.view" } ], "meta": { "name": "root" }, "props": { "direction": "column" }, "type": "ia.container.flex" } } FYI: Huntington is the name of the coordinate container ---
**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\ **Post date:** [June 18, 2025, 7:03pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/8 "2025-06-18T19:03:35Z")
Looks like you're putting it in an embedded view? That should work, but I think you need to add `basis: auto` to its `position` (and possibly `shrink: 1` though I'm not sure that matters). Also make sure the `mode` of the Coordinate Container is set to `percent`. When posting code here, use the code formatting: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/c/ecb58463873c8c48d6a23c67e49f17983a1922c1.png) ---
**Author:** ![bshriner](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bshriner](https://forum.inductiveautomation.com/u/bshriner)\ **Post date:** [June 18, 2025, 7:18pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/9 "2025-06-18T19:18:22Z")
```python { "custom": {}, "params": {}, "props": { "defaultSize": { "height": 1730, "width": 2220 } }, "root": { "children": [ { "meta": { "name": "Huntington" }, "position": { "grow": 1 }, "props": { "path": "Huntington" }, "type": "ia.display.view" } ], "meta": { "name": "root" }, "position": { "basis": "auto", "grow": 1, "shrink": 1 }, "props": { "direction": "column" }, "type": "ia.container.flex" } } ``` Here is the updated code. I added that position parameters you suggested but nothing changed, it still looks the same as my last picture. ---
**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\ **Post date:** [June 18, 2025, 7:23pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/10 "2025-06-18T19:23:57Z")
Add `basis` and `shrink` to the embedded view: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/8/c88edce0eabfacc14910cff702be6ee9e4ea5fd5.png) ---
**Author:** ![bshriner](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bshriner](https://forum.inductiveautomation.com/u/bshriner)\ **Post date:** [June 18, 2025, 7:29pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/11 "2025-06-18T19:29:44Z")
![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/4/74f51d41d90498f6988a78eea72f42cbce70d148.png) In the perspective property editor I have them added, I'm not sure why they are not being added to the actual code itself. ---
**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\ **Post date:** [June 18, 2025, 7:30pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/12 "2025-06-18T19:30:59Z")
Is the Coordinate Container `mode: percent`? ---
**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\ **Post date:** [June 18, 2025, 7:43pm UTC](https://forum.inductiveautomation.com/t/coordinate-container-scaling/107541/13 "2025-06-18T19:43:35Z")
I threw together a quick project that demonstrates what you are attempting: [TEST\_2025-06-18\_1439.zip](https://forum.inductiveautomation.com/uploads/short-url/7jZiw6UxKfnEFNuZbty4qAvicP7.zip) (39.4 KB) Important to note: containers, tables, icons, graphics will resize with the container, but _text will not_ (a label itself will, but not the text it contains). Resizing text to fit containers can be done, but is much trickier and requires CSS magic.