horizontal scroll for view

6 posts, 0 answers
  1. Brian
    Brian avatar
    16 posts
    Member since:
    Feb 2013

    Posted 05 Aug 2013 Link to this post

    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 ??
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 07 Aug 2013 Link to this post

    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!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Brian
    Brian avatar
    16 posts
    Member since:
    Feb 2013

    Posted 07 Aug 2013 Link to this post

    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.


  5. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2285 posts

    Posted 08 Aug 2013 Link to this post

    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!
  6. Brian
    Brian avatar
    16 posts
    Member since:
    Feb 2013

    Posted 08 Aug 2013 Link to this post

    Does this apply to Horizontal?  Vertical scroll works fine.  Its the Horizontal that does not work.
  7. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2285 posts

    Posted 13 Aug 2013 Link to this post

    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!
Back to Top
UI for ASP.NET MVC is VS 2017 Ready