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

Responsive Grid (Stacked)

5 Answers 112 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andrew
Top achievements
Rank 1
Veteran
Andrew asked on 22 Sep 2014, 07:55 PM
we are currently in the process of making our site more responsive, and have been using telerik products for years. For this reason we have been looking into kendo.

we are in need of a grid the when on a small screen (like a phone) will pop into the stacked layout and when full screen will display the traditional layout can the kendo grid do this?

Thanks,

5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 24 Sep 2014, 08:32 AM
Hi Andrew,

I am not sure what do you mean by "stacked layout", but generally, the Grid provides the following responsive capabilities:

- it can expand and shrink vertically and use a vertical scrollbar
http://docs.telerik.com/kendo-ui/web/grid/appearance#making-the-grid-100-high-and-auto-resizable

- it can expand and shrink horizontally and use a horizontal scrollbar
http://docs.telerik.com/kendo-ui/web/grid/appearance#column-widths

The Grid also has an adaptive behavior, which is different from the responsive behavior outlined above and is targeted specifically for mobile (touch) devices.
http://docs.telerik.com/kendo-ui/web/grid/adaptive

If stacked responsiveness would imply some sort of layout switch from a column-based layout to a row-based layout (e.g. a vertical ListView), this is not supported.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Andrew
Top achievements
Rank 1
Veteran
answered on 24 Sep 2014, 12:44 PM
yes that's what I am looking for rowbased to listview like in this example:
http://codepen.io/geoffyuen/pen/FCBEg

this just seams to make more sense when you get down to a phone size screen.

do you think there is any chance we may see this kind of feature in the future?
0
Dimo
Telerik team
answered on 24 Sep 2014, 02:26 PM
Hi Andrew,

So far we have not considered implementing the discussed behavior out of the box. Theoretically, it can be achieved with some custom CSS code similar to the one in the demo that you have provided, so feel free to experiment. Note that some of the built-in Grid behaviors may be affected and may not work correctly.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Andrew
Top achievements
Rank 1
Veteran
answered on 15 Dec 2015, 04:44 PM

would still love to see something like this as a built in option for the kendo grid

http://codepen.io/justincavery/pen/LyvBc

 

0
Dimo
Telerik team
answered on 16 Dec 2015, 02:59 PM
Hello Andrew,

Please submit a feature request about the discussed behavior on our Feedback portal. In this way other developers will be able to vote for it. We take into account the most popular requests when planning our future releases. Thank you.

http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback

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
Andrew
Top achievements
Rank 1
Veteran
Answers by
Dimo
Telerik team
Andrew
Top achievements
Rank 1
Veteran
Share this question
or