Kendo Support,
There's a bug in the kendo grid detail template that is caused by using the scroll bar and switching tabs...
The following steps reproduce the problem:
1.) Open a browser and open the page http://demos.kendoui.com/web/grid/detailtemplate.html.
2.) Move the scroll bar all the way to the bottom of the grid.
3.) Open the row details of the 'Steven' record.
4.) Scroll up so that the details of the 'Steven' row can be seen.
5.) Click on the 'Contact Information' tab....
Voila...
The grid should maintain the scrolltop = scrollheight of 'k-grid-content', but instead moves the scrolltop position up.
Take a look and let me know what you find...
Bill
There's a bug in the kendo grid detail template that is caused by using the scroll bar and switching tabs...
The following steps reproduce the problem:
1.) Open a browser and open the page http://demos.kendoui.com/web/grid/detailtemplate.html.
2.) Move the scroll bar all the way to the bottom of the grid.
3.) Open the row details of the 'Steven' record.
4.) Scroll up so that the details of the 'Steven' row can be seen.
5.) Click on the 'Contact Information' tab....
Voila...
The grid should maintain the scrolltop = scrollheight of 'k-grid-content', but instead moves the scrolltop position up.
Take a look and let me know what you find...
Bill
2 Answers, 1 is accepted
0
Hi Bill,
After reviwing the demo it seems that this behavior is expected as the tabStrip in the detail template has no "height" set - that way when the tabs are swtiched the animation shrinks the content to "1px" and then exapnds it again. You can prevent that behavior by setting either the "height" or "min-height" of the tabStrip.
Regards,
Vladimir Iliev
Telerik
After reviwing the demo it seems that this behavior is expected as the tabStrip in the detail template has no "height" set - that way when the tabs are swtiched the animation shrinks the content to "1px" and then exapnds it again. You can prevent that behavior by setting either the "height" or "min-height" of the tabStrip.
Regards,
Vladimir Iliev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Bill
Top achievements
Rank 1
Rank 1
answered on 23 Jan 2014, 05:03 PM
Vladimir,
Adding height to the divs under the tab strip helped to maintain scroll position better and got rid of the shrinking and expanding in the example. Thanks for your feedback.
Bill
Adding height to the divs under the tab strip helped to maintain scroll position better and got rid of the shrinking and expanding in the example. Thanks for your feedback.
Bill