# Shrink and Grow header with page

**URL:** <https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041>\
**Category:** Ignition\
**Created:** [October 4, 2023, 9:10pm UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041 "2023-10-04T21:10:19Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Hayden\_Watson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/hayden_watson/32/48792_2.png) [@Hayden\_Watson](https://forum.inductiveautomation.com/u/Hayden_Watson)\
**Post date:** [October 9, 2023, 9:50am UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041/6 "2023-10-09T09:50:51Z")

</div>

> [@Docked Views - Dynamic Size Change?](https://forum.inductiveautomation.com/t/docked-views-dynamic-size-change/48416/7):
>
> Hi Matt, Thank you very much for your insights and guidance. I just want to provide more details of the setup which works for me (in the case where there are people wondering) First, I override the fixed with of the left dock (e.g., light.css) .docked-view-left { width: auto !important; } Secondly, I need to add ‘minWidth’ property to the view configured for the left dock. Thirdly, to expand/collapse the left dock, I need to change the ‘minWidth’ accordingly (e.g., using messages in Pers…

Found this thread, in short you can't dynamically changing it by setting a basis and grow/shrink like an embedded view.

Depending on your need you could, use an alter dock script using `system.perspective.alterDock`, to dynamically change the docked view when you need.

Or you could set a few docked views on top of each other with display set to auto and set the auto break point for them to appear.

---

_[View the full topic](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041)._