Responsive Grid without affecting page scrollbars

[Ed]

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

[Dimo]

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