When a grid is created on a second tab of a TabStrip.
the header.outerHeight() returns 1px for the line "height -= header.outerHeight();" in function "_scrollable"
see http://jsfiddle.net/ttaylor/9uW3g/ for example
On the "Payment History" tab of the DetailTemplate shows the bug.
the header.outerHeight() returns 1px for the line "height -= header.outerHeight();" in function "_scrollable"
see http://jsfiddle.net/ttaylor/9uW3g/ for example
On the "Payment History" tab of the DetailTemplate shows the bug.
1 Answer, 1 is accepted
0
Hi Dennis,
Generally, Javascript size calculations do not work when the involved elements are placed inside a container with a display:none style, such as the non-active TabStrip tab. As a result, the Grid may not be able to adjust its scrollable layout. Possible workaround include:
1) disable Grid scrolling
2) initialize the Grid after it becomes visible (use the TabStrip select event)
3) adjust the div.k-grid-content height manually in the select event
Regards,
Dimo
the Telerik team
Generally, Javascript size calculations do not work when the involved elements are placed inside a container with a display:none style, such as the non-active TabStrip tab. As a result, the Grid may not be able to adjust its scrollable layout. Possible workaround include:
1) disable Grid scrolling
2) initialize the Grid after it becomes visible (use the TabStrip select event)
3) adjust the div.k-grid-content height manually in the select event
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!