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

Responsive Grid without affecting page scrollbars

1 Answer 25 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ed
Top achievements
Rank 1
Ed asked on 05 Jan 2014, 05:35 PM
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

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 07 Jan 2014, 03:52 PM
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!
Tags
Grid
Asked by
Ed
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or