# Hide label and shrink space

**URL:** <https://forum.inductiveautomation.com/t/hide-label-and-shrink-space/73662>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 12, 2023, 6:57pm UTC](https://forum.inductiveautomation.com/t/hide-label-and-shrink-space/73662 "2023-05-12T18:57:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![craigb](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@craigb](https://forum.inductiveautomation.com/u/craigb)\
**Post date:** [May 12, 2023, 6:57pm UTC](https://forum.inductiveautomation.com/t/hide-label-and-shrink-space/73662/1 "2023-05-12T18:57:08Z")

</div>

Wasn't sure what to call this one. I want to hide a label based on a value of 0, which is the easy part but I want the space to shrink/disappear. For example a column container, even if you 'hide' a label the space is still reserved, albeit empty. The only way I can do it is set the height of the label to 0 and also change the text size to 0.

Is there an alternative way I'm missing ??

---

<div class="post-metadata">

**Author:** ![Tim\_Carlton](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tim_carlton/32/52835_2.png) [@Tim\_Carlton](https://forum.inductiveautomation.com/u/Tim_Carlton)\
**Post date:** [May 12, 2023, 7:01pm UTC](https://forum.inductiveautomation.com/t/hide-label-and-shrink-space/73662/2 "2023-05-12T19:01:09Z")

</div>

~~What type of container is it in?~~  
Is there anything else in the column? Is a column container the right approach for what you want to do?

If the label is in column 0 and is 3 columns wide and the value is in column 4 and is 9 columns wide then hiding or showing the label (or anything else in columns 0 through 2) isn't going to move the value (or anything else in columns 4 through 11).

If you have the label and the value in the same column ... that isn't the way that I've used columns before.

---

<div class="post-metadata">

**Author:** ![craigb](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@craigb](https://forum.inductiveautomation.com/u/craigb)\
**Post date:** [May 12, 2023, 7:43pm UTC](https://forum.inductiveautomation.com/t/hide-label-and-shrink-space/73662/3 "2023-05-12T19:43:09Z")

</div>

Its a column container, a list of items going down horizontal. If an item is zero I want to hide it, which is easy but it leaves a space in the list. Setting the height and text to 0, closes up that gap so it appears like it was never there, Just wondered if there was a easier way.

I think no matter what container you use, if you hide a item using the visible prop the place holder stays and occupies the same space, you just cant see it.

---

<div class="post-metadata">

**Author:** ![Tim\_Carlton](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tim_carlton/32/52835_2.png) [@Tim\_Carlton](https://forum.inductiveautomation.com/u/Tim_Carlton)\
**Post date:** [May 12, 2023, 7:47pm UTC](https://forum.inductiveautomation.com/t/hide-label-and-shrink-space/73662/4 "2023-05-12T19:47:07Z")

</div>

What happens if you bind to position.display instead of Visible?

---

<div class="post-metadata">

**Author:** ![craigb](https://avatars.discourse-cdn.com/v4/letter/c/9f8e36/32.png) [@craigb](https://forum.inductiveautomation.com/u/craigb)\
**Post date:** [May 12, 2023, 7:59pm UTC](https://forum.inductiveautomation.com/t/hide-label-and-shrink-space/73662/5 "2023-05-12T19:59:28Z")

</div>

Figured it out, when you mentioned position.display that helped me with a search and found the solution.

Items wont collapse directly in a column container but if you put them inside a flex then add `position.display = false` and bind to it they will hide and collapse.

Thankyou.