# Shrink and Grow header with page **URL:** \ **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:** 8\ **Page:** 1
**Author:** ![brandon222](https://avatars.discourse-cdn.com/v4/letter/b/ee59a6/32.png) [@brandon222](https://forum.inductiveautomation.com/u/brandon222)\ **Post date:** [October 4, 2023, 9:10pm UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041/1 "2023-10-04T21:10:19Z")
Very simple question but can't seem to find it anywhere. I'm trying to get my header to shrink and grow with the page. But I can't find an option anywhere. Anyone know how to do it. I have it set to 50 in the configure docker view settings. But I can't set it to anything like 0.9rem or something like that. ---
**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:** [October 4, 2023, 9:48pm UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041/2 "2023-10-04T21:48:40Z")
Is this Perspective? (Add the appropriate tag to your question title.) By "docker" do you mean "Docker"? (Capitals matter.) Or are you trying to set up the Perspective page configuration? ---
**Author:** ![brandon222](https://avatars.discourse-cdn.com/v4/letter/b/ee59a6/32.png) [@brandon222](https://forum.inductiveautomation.com/u/brandon222)\ **Post date:** [October 4, 2023, 10:06pm UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041/3 "2023-10-04T22:06:21Z")
Sorry I added the proper tag and yea I meant the docker (lowercase) ---
**Author:** ![brandon222](https://avatars.discourse-cdn.com/v4/letter/b/ee59a6/32.png) [@brandon222](https://forum.inductiveautomation.com/u/brandon222)\ **Post date:** [October 9, 2023, 1:49am UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041/4 "2023-10-09T01:49:20Z")
Just circling back to see if anyone has some light they can shed on this. ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [October 9, 2023, 9:30am UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041/5 "2023-10-09T09:30:01Z")
> [@brandon222](#): > > yea I meant the docker Or rather, did you mean the dock settings in the page configuration? There isn't such a thing as docker settings in ignition. If that's the case, I don't believe you can configure it in the page config, but I think there was a function added to change the size of a dock, so you could possibly use that in a change script on the View's size props? I think it will bounce around when you change pages though... As docks resize to their page settings on page change, from memory ---
**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")
> [@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. ---
**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:** [October 9, 2023, 10:36am UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041/7 "2023-10-09T10:36:36Z")
> [@brandon222](#): > > Sorry I added the proper tag No you did not. There are two very different ways of implementing an HMI with ignition: Vision and Perspective. It's important you mention/tag which one you're using when asking questions. ---
**Author:** ![brandon222](https://avatars.discourse-cdn.com/v4/letter/b/ee59a6/32.png) [@brandon222](https://forum.inductiveautomation.com/u/brandon222)\ **Post date:** [October 9, 2023, 2:58pm UTC](https://forum.inductiveautomation.com/t/shrink-and-grow-header-with-page/80041/8 "2023-10-09T14:58:00Z")
This is exactly what I need. This should work now. Thank you for that.