# Regarding dynamic views optimal design in ignition perspective **URL:** \ **Category:** Ignition\ **Tags:** ignition80, perspective\ **Created:** [September 21, 2020, 9:59am UTC](https://forum.inductiveautomation.com/t/regarding-dynamic-views-optimal-design-in-ignition-perspective/38890 "2020-09-21T09:59:02Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Avanti.awate](https://avatars.discourse-cdn.com/v4/letter/a/919ad9/32.png) [@Avanti.awate](https://forum.inductiveautomation.com/u/Avanti.awate)\ **Post date:** [September 21, 2020, 9:59am UTC](https://forum.inductiveautomation.com/t/regarding-dynamic-views-optimal-design-in-ignition-perspective/38890/1 "2020-09-21T09:59:02Z")
I have one left view that contains 4 section. I have a doughty that how could I resize the component in that view dynamically. for example on left view 4 plant like plant 1,plant 2,plant 3,plant 4 and I want show only plant 1 and plant 4.how could I resize the view size? and show only 2 views on left panel. Below uploaded image shows that on left view 4 section is their at a time I have to see only 2 section then how it is possible to worked on perspective? How It is possible to flexible the view or which view should be used and optimal design in perspective ? ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/0/00aa81d3a96931511add27347bb80903a84c33cd.png) on image left view shows 1)output % 2)Output - acutal vs target 3)prod count table 4)time table .If I want only 1)output % 2)prod count table. then how could I resize them in perspective. ---
**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:** [September 21, 2020, 10:30am UTC](https://forum.inductiveautomation.com/t/regarding-dynamic-views-optimal-design-in-ignition-perspective/38890/2 "2020-09-21T10:30:11Z")
Might be better to show what you have compared with what you want to have as two images. I’m struggling to picture your goal ---
**Author:** ![Avanti.awate](https://avatars.discourse-cdn.com/v4/letter/a/919ad9/32.png) [@Avanti.awate](https://forum.inductiveautomation.com/u/Avanti.awate)\ **Post date:** [September 21, 2020, 10:55am UTC](https://forum.inductiveautomation.com/t/regarding-dynamic-views-optimal-design-in-ignition-perspective/38890/3 "2020-09-21T10:55:49Z")
Consider left view and for example want only output % and Time then how should I resize it one after another without showing blank space . ---
**Author:** ![Avanti.awate](https://avatars.discourse-cdn.com/v4/letter/a/919ad9/32.png) [@Avanti.awate](https://forum.inductiveautomation.com/u/Avanti.awate)\ **Post date:** [September 21, 2020, 11:20am UTC](https://forum.inductiveautomation.com/t/regarding-dynamic-views-optimal-design-in-ignition-perspective/38890/4 "2020-09-21T11:20:35Z")
on below image first section that is output % is blank and want second image will be come on first how could it possible in perspective? ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/d/ed461381a418c69d1ea9179661481eeceba9dc15.png) ---
**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\ **Post date:** [September 21, 2020, 11:55am UTC](https://forum.inductiveautomation.com/t/regarding-dynamic-views-optimal-design-in-ignition-perspective/38890/5 "2020-09-21T11:55:06Z")
Ahh, I think what you’re looking for is the use of a flex container, the display property, and basis: auto. Using a flex container and nested flex containers will allow you to toggle the display property to false when you don’t need a component, without leaving that empty space in the middle. Then once you have nested that container into your page, you can set the `position.Basis` to `auto` and it should automatically handle the size based off the amount of content being displayed. These steps may help get you pointed in the right direction: 1. Try creating a flex container view 2. Put another flex container inside it (we will name it `nestedContainer` 3. Put three buttons in side `nestedContainer`. 4. Set `nestedContainer.position.basis = Auto`. 5. Set the `position.display` property to false for the middle button and watch what happens If I am understanding you correctly, than this should get you started in the right direction. Let me know if you have any questions ---
**Author:** ![Avanti.awate](https://avatars.discourse-cdn.com/v4/letter/a/919ad9/32.png) [@Avanti.awate](https://forum.inductiveautomation.com/u/Avanti.awate)\ **Post date:** [September 21, 2020, 3:40pm UTC](https://forum.inductiveautomation.com/t/regarding-dynamic-views-optimal-design-in-ignition-perspective/38890/6 "2020-09-21T15:40:27Z")
Thank you I am started in right way.