19 Mar 2012 9:31 PM #1
Answered: Container - inner Div doesn't have height atribute
My view extends Container, I am inserting NestedList in this container. I would like my NestedList to take 100% height. The problem is - Container generates another Div with class "x-inner" which doesn't have Height atribute in style. I have tried applying all Layout and Scrollable options to Container, however this auto-generated Div as a part of Container is not adding any Height attribute in style. This prevents my NestedList from rendering as height remains 0, because its parent doen't have any Height attribute. I have spent few hours on this, really appreciate your thoughts on this. (for further clarification about my layout - My Container is pushed to the NavigationView and this NavigationView is a TabPanel item).
Thanks in advance for any hints.
Give the container fit layout.
20 Mar 2012 5:25 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Give the container fit layout.Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
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 email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
20 Mar 2012 6:29 PM #3
Mitchell, I did tried earlier with 'fit' layout for Container. I have a nested layout (TabPanel > NavigationView > Container > NestedList), could that be causing this? You can see DOM of my view in following screenshot, any thoughts? Thanks in advance.SenchaNestedList.jpg
20 Mar 2012 6:54 PM #4
Mitchell, my bad, after replying I realized that I am using Ext.define and specifying layout at the root level instead of under the config. It is working as expected now. I am marking your reply as answer, Thank You.