# Coordinate Container

**URL:** <https://forum.inductiveautomation.com/t/coordinate-container/110507>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 10, 2025, 7:25am UTC](https://forum.inductiveautomation.com/t/coordinate-container/110507 "2025-09-10T07:25:25Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![taohongyu88](https://avatars.discourse-cdn.com/v4/letter/t/f05b48/32.png) [@taohongyu88](https://forum.inductiveautomation.com/u/taohongyu88)\
**Post date:** [September 10, 2025, 7:25am UTC](https://forum.inductiveautomation.com/t/coordinate-container/110507/1 "2025-09-10T07:25:25Z")

</div>

In Coordinate Container，I have Flow Chart .

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/4/2479923798ffb1b84010dd11959e401a9cd3bddb.png)

coordinate-mode:fixed

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/0/104d25b06d13a6292d0f34c073daea68b0487a7e.png)

If I don’t want to set mode=percent, how to make it stretch to the entire browser?

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 10, 2025, 7:36am UTC](https://forum.inductiveautomation.com/t/coordinate-container/110507/2 "2025-09-10T07:36:04Z")

</div>

set its meta property `width` and `height` to `100%`.  
Note that you can use `calc()` to manipulate it, like `calc(100% - 40px)` and set `x` to `20px` if you want a 20 pixels padding on each side

---

<div class="post-metadata">

**Author:** ![taohongyu88](https://avatars.discourse-cdn.com/v4/letter/t/f05b48/32.png) [@taohongyu88](https://forum.inductiveautomation.com/u/taohongyu88)\
**Post date:** [September 11, 2025, 6:32am UTC](https://forum.inductiveautomation.com/t/coordinate-container/110507/3 "2025-09-11T06:32:42Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/d/cde918d74e713dd59454f8e430f5d6a843ed014d.png)

Coordinate Container‘s height or width must be integer.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 11, 2025, 6:52am UTC](https://forum.inductiveautomation.com/t/coordinate-container/110507/4 "2025-09-11T06:52:21Z")

</div>

That's not the right properties.  
Select whatever component needs to stretch, and find its `position` properties.  
They have width and height properties:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/b/6b881005234357063b05d7549d0736132875015e.png)

`calc` raises a warning, but it works... Maybe there's a way to suppress that warning, I'm not sure.

---

<div class="post-metadata">

**Author:** ![taohongyu88](https://avatars.discourse-cdn.com/v4/letter/t/f05b48/32.png) [@taohongyu88](https://forum.inductiveautomation.com/u/taohongyu88)\
**Post date:** [September 11, 2025, 12:12pm UTC](https://forum.inductiveautomation.com/t/coordinate-container/110507/5 "2025-09-11T12:12:39Z")

</div>

Yeah, If I have just one component, such as you you write, it can resize.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/1/219afd9342c48d9874d2e598a176e46135498b7c.png)

But If I have many components , I can’t set every component’s width , is there other easy way?

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 11, 2025, 12:24pm UTC](https://forum.inductiveautomation.com/t/coordinate-container/110507/6 "2025-09-11T12:24:45Z")

</div>

> [@taohongyu88](#):
>
> I can’t set every component’s width

Why not ?  
The alternative is to use a flex container instead.