Hi,all..I put a Grid under the TabStrip.The TabStrip is generated before the Gird and then the Grid is generated dynamically by script(by clicking a button), I got the following problem:
If the Tab is active when generating the Grid then everything works fine.
http://dexterlab.sinaapp.com/tab3.png
but if the target Tab is not active when inserting the grid, the grid's height seems not right, it will overflow in the Tab..Even if I specify the height attribute of Grid.
http://dexterlab.sinaapp.com/tab1.png
http://dexterlab.sinaapp.com/tab2.png
I think there is something wrong with the height calculation of grid under this situation.How to fix it? Thanks!
If the Tab is active when generating the Grid then everything works fine.
http://dexterlab.sinaapp.com/tab3.png
but if the target Tab is not active when inserting the grid, the grid's height seems not right, it will overflow in the Tab..Even if I specify the height attribute of Grid.
http://dexterlab.sinaapp.com/tab1.png
http://dexterlab.sinaapp.com/tab2.png
I think there is something wrong with the height calculation of grid under this situation.How to fix it? Thanks!
1 Answer, 1 is accepted
0
Hello Xu,
Javascript size calculations do not work when they are related to elements inside a hidden container. So your options are to disable Grid scrolling, or initialize the widget once its Tab becomes active and visible (TabStrip OnSelect event , you will need to use setTimeout, because the event is fired before tab visibility has been toggled).
Regards,
Dimo
the Telerik team
Javascript size calculations do not work when they are related to elements inside a hidden container. So your options are to disable Grid scrolling, or initialize the widget once its Tab becomes active and visible (TabStrip OnSelect event , you will need to use setTimeout, because the event is fired before tab visibility has been toggled).
Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!