Responsive Grid without affecting page scrollbars

2 posts, 1 answers
  1. Ed
    Ed avatar
    168 posts
    Member since:
    Sep 2013

    Posted 05 Jan 2014 Link to this post

    Hi, I'm working on trying to implement the responsive grid that was shown in the latest Keynote
    http://youtu.be/JWEtMNstjyc?t=34m16s

    Here's my try using jsBin
    http://jsbin.com/OZuJUGA/2

    The idea is to have the page be responsive (and the grid to be mobile friendly) and be used by all kinds of devices.  When I setup the mobile app using "new kendo.mobile.Application", the scrollbars for the page go away and the only way to scroll down the page on the desktop browser is to click and drag the page as if you were using a finger on a mobile device.

    I want the page scrollbars to remain but have the grid be responsive per the Keynote.  How can I achieve that?

    Also, I found it odd that the row containing the grid must have its height set otherwise the content below the grid will overlay the grid.  This too does not happen until I setup the mobile app with "new kendo.mobile.Application".

    Note, I did not put this in the Mobile forum section since it does not have a bin for "Grid"

    Thanks,
    --Ed
  2. Answer
    Ed
    Ed avatar
    168 posts
    Member since:
    Sep 2013

    Posted 07 Jan 2014 Link to this post

    Hi Ed,

    The Kendo UI Mobile Application is not designed to be used on desktop devices. In addition, the mobile views and panes are not designed to be used in a standard flowing page layout in between other content. I don't see any specific benefits, which the Kendo UI Mobile Application can bring you in this particular scenario. The Grid itself will be mobile-friendly if you set mobile:true in its configuration, there is no need to include a Mobile Application.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top