10 Jul 2010 1:11 AM #1
formPanel and gridPanel in panel, manage height?
Hi. I'm new to extJS, and pretty new to web programming in general.
Am now working on a small MapFish-app, based on the mapfish search demo, and am using a similiar layout.
The layout hierarchy looks something akin to this:
->BoxComponent - region:'north' (Only component rendered unto a <div>)
->panel - region:'east', layout:'border'
The issue is that any 'height' or 'width' values set for the formPanel appear ignored, and if it is given enough space it covers the whole eastern area (vertically). If the gridPanel is given a height, it keeps that height no matter how the window is resized, so if the screen res. or window size gets small enough vertically, the formpanel disappears. Ideally, I'd wish for the opposite effect. If I let the eastern panel use a 'fit' layout, the gridPanel doesn't show up, no matter if a size: property is set for it.
To be more precise I'd like to see the formpanel keeping its minimum size no matter what, and the gridpanel filling the (vertical) space remaining depending on the window size. (The width of the eastern panel appears decided by the combined width of the gridPanels columns).
Thanks for your patience reading that, and if this has indeed been asked before - don't hesitate to point me in that direction.
10 Jul 2010 2:55 AM #2
- Join Date
- Mar 2007
- The Netherlands
- Vote Rating
The center region always gets the remaining size not taken by north, south, east and west regions.
You should make the formPanel region:'north' and the grid region:'center'.
10 Jul 2010 5:23 AM #3
By poonam in forum Ext 2.x: Help & DiscussionReplies: 8Last Post: 28 May 2009, 1:13 PM
By kellyt in forum Ext 2.x: Help & DiscussionReplies: 3Last Post: 6 Oct 2008, 11:04 PM
By bhaidaya in forum Ext 2.x: Help & DiscussionReplies: 6Last Post: 26 Mar 2008, 2:11 PM
By mdissel in forum Ext 2.x: Help & DiscussionReplies: 3Last Post: 11 Jul 2007, 12:32 PM