# Height of container fit to page height in Ignition Perspective

**URL:** <https://forum.inductiveautomation.com/t/height-of-container-fit-to-page-height-in-ignition-perspective/89435>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 25, 2024, 9:06am UTC](https://forum.inductiveautomation.com/t/height-of-container-fit-to-page-height-in-ignition-perspective/89435 "2024-04-25T09:06:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [April 25, 2024, 9:06am UTC](https://forum.inductiveautomation.com/t/height-of-container-fit-to-page-height-in-ignition-perspective/89435/1 "2024-04-25T09:06:57Z")

</div>

Hello!

Is it posible to fit the height of a container to the height of the avaliable space in the page with props?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 25, 2024, 9:28am UTC](https://forum.inductiveautomation.com/t/height-of-container-fit-to-page-height-in-ignition-perspective/89435/2 "2024-04-25T09:28:20Z")

</div>

Use a flex container and set `position.grow : 1`.

![Flex grow](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/4/24ed54e3e0f35018fd735e9453f3bc0a680b27bc.gif)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 25, 2024, 9:32am UTC](https://forum.inductiveautomation.com/t/height-of-container-fit-to-page-height-in-ignition-perspective/89435/3 "2024-04-25T09:32:45Z")

</div>

Note that if you have two flex containers you can set a proportional grow.

FlexContainer\_0 with `position.grow : 1' FlexContainer_1 with `position.grow : 2.5'

Both containers will grow but FlexContainer\_1 will grow at 2.5 times the rate of FlexContainer\_0.

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [April 25, 2024, 12:34pm UTC](https://forum.inductiveautomation.com/t/height-of-container-fit-to-page-height-in-ignition-perspective/89435/4 "2024-04-25T12:34:14Z")

</div>

Ok, thanks! I prefer the column container for position control but I will try this one also when needed. Cheers