I have a page where I use the RadTileList control. Since the height of the RadTileList is bigger than that of the screen, the user must scroll the page vertically to be able to see the whole content of the RadTileList. The problem is that scrolling vertically does not work when the mouse is over the RadTileList area. I tried to set the "ScrollingMode" of the RadTileList but that does not help.
I have already tried the suggestions from this post: http://www.telerik.com/forums/radtilelist-vertical-scroll-issue
Does anyone have a solution to this problem?
1 Answer, 1 is accepted
Hi,
Vertical scrolling is not supposed to work in a TileList, its scrolls horizontally by design (which is something Microsoft came up with): http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/functionality/scrolling.
Thus, I advise you set an appropriate height so the control fits the space you have. You can use its client-side API for that, if you need to do this dynamically in the browser depending on the user's viewport size: http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/client-side-programming/tilelist-object. You need the set_height() and repaint() methods. You can find an example implementation of such behavior in the following article: http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/how-to/responsive-layout-and-dynamic-height.
An alternative approach for smaller screens is to enable the Mobile layout that can be in effect for screens less than 768px in width: http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/mobile-support/responsive-capabilities. In the phone-oriented and tablet-oriented layouts scrolling is vertical.
Regards,
Telerik