CODEWITHSUNDEEP
javascriptextjsextjs5
Scott
Scott

Reputation: 769

ExtJS Dashboard Panel Fit Panel Vertically

I'm creating an application that has a layout based on the ExtJS5 Portal Demo. I need to have a panel in the Dashboard that will fit vertically, not just horizontally to fill the entire space of the column. At this time this just needs to occur for one of the panels, not all as most will have a fixed height and the user of course has the ability to resize vertically because the Dashboard panel uses anchor layout.

This panel will contain a map and I need to display as much of the map as possible. If the column contains multiple panels and the user drags one to a second column I would like for the map panel to resize and fill any empty vertical space in its column. The inverse is true, if someone drags a panel to the same column as the map panel will need to decrease but still fit to as much vertical space as possible.

I believe using a vbox layout on the panel is what I need but I've tried this on the dashboard panel with no luck. Has anyone else run into this, any suggestions? Thanks

Upvotes: 0

Views: 855

Answers (1)

Colin Ramsay
Colin Ramsay

Reputation: 16476

Have a look at the align config on vbox - it might do what you want if you use one of the stretch options.

http://docs-origin.sencha.com/extjs/5.0/apidocs/#!/api/Ext.layout.container.Box-cfg-align

Upvotes: 0

Related Questions