This is a migrated thread and some comments may be shown as answers.

horizontal scroll for view

5 Answers 147 Views
View
This is a migrated thread and some comments may be shown as answers.
Brian
Top achievements
Rank 1
Brian asked on 06 Aug 2013, 12:22 AM
I am trying to place a grid inside a mobile view, but the grid is slightly too large and some of the words in the last column get cut off.  What is the best way to accommodate the additional scrolling.  Maybe zoomable views ??

5 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 07 Aug 2013, 03:35 PM
Hello Brian,

If the grid is too large, the mobile view will automatically enable horizontal scroller - please see this example.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brian
Top achievements
Rank 1
answered on 07 Aug 2013, 05:45 PM
is this done via the .Scrollable() tag?  I enabled it and it still is cutting off my grid on the right side w/ no horizontal scrolling.


0
Nikolay Rusev
Telerik team
answered on 08 Aug 2013, 04:13 PM
Hello Brian,

Two things are required to have vertically scrollable grid:
 - scrollable: true configuration setting
 - the sum of all column widths to be more than the width of the div element as in the sample: http://jsbin.com/iziver/1/edit

Regards,
Nikolay Rusev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brian
Top achievements
Rank 1
answered on 08 Aug 2013, 06:58 PM
Does this apply to Horizontal?  Vertical scroll works fine.  Its the Horizontal that does not work.
0
Nikolay Rusev
Telerik team
answered on 13 Aug 2013, 06:28 AM
Hello Brian,

Yes, this is required to have horizontal scrollbars in the Grid. See the fiddle from my last post. `scrollable: true` option enables vertical scrollbars, but the second condition must be fulfilled in order to have horisontal scrollbars.

Regards,
Nikolay Rusev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
View
Asked by
Brian
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Brian
Top achievements
Rank 1
Nikolay Rusev
Telerik team
Share this question
or