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,
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
0
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
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
Iron
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?
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
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
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
Iron
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
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
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!