14 Mar 2012 7:04 AM #1
Fit Grids in TabPanel
i have a window with form in the top and tabpanel in the bottom.
Each tab in the TabPanel has a grid that i can not fit into as you can see in the attached image. How can i do that?
I give height to Tabpanel: 400 and set height of grids to '100%'. But it doesn't work.
14 Mar 2012 8:50 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
If the grid is a direct child of the tab panel then you do not need to set the width or height of the grid. Card layout will tell it to fit 100%.
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.
15 Mar 2012 12:28 AM #3
Thanks for reply.
I also tried that. No size setttings for grid, but no changes.
I can say that the top of window is container for the two fieldset you can see in the image. If i remove container and put only fields of form in the top layout is ok.
But it would work also with fields form in container. Form container and tabPanel are distinct objects, so i don't know how the first can modify the second one.
Any other advice?
15 Mar 2012 7:39 AM #4
15 Mar 2012 11:03 PM #5
khmurach, thanks very much.
Window -> layout: border
Form -> region: north
TabPanel -> region: center
Your suggestion works for me very well. Layout is ok. I like also layout of your form: it has just one border. I will try to set my form as yours
Thanks very much again.