-
1 Oct 2011 9:24 PM #1
vbox inside hbox has 0 height
vbox inside hbox has 0 height
I'm having trouble getting a vbox panel inside of an hbox panel to show up. The vbox panel always has 0 height regardless of its children. I've reduced it to a simple example that illustrates the issue
The center and right panels are visible, but the left panel has 0 height. Giving it a fixed height works, but is not an option since the content is dynamic.Code:items: [{ layout: 'hbox', items: [{ layout: 'vbox', items: [{ html: 'left-top' },{ html: 'left-bottom' }] },{ html: 'center' },{ html: 'right' }] }]
Any suggestions would be greatly appreciated.
Thanks.
-
2 Oct 2011 4:57 PM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,599
- Vote Rating
- 434
HBox and VBox layouts do not support auto heighting so you must specify a height. Whether this is the height config, flex or within the layout config.
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.


Reply With Quote