Responsive Grid (Stacked)

[Andrew]

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,

[Dimo]

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

 

 

[Andrew]

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?

[Dimo]

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

 

 

[Andrew]

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

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

 

[Dimo]

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