I would like to know if Layout or other components that can plan UI/layout RWD ?
Plamen
Telerik team
commented on 01 Jan 2024, 05:49 AM
Yes we have a huge story about Responsive Web Design. You can start with arranging the layout with GridLayout component that allows you to easily arrange the contents of the component in rows and columns in a grid structure and the StackLayout component allows you to easily align vertically or horizontally multiple elements in a stack. Apart of this we also have a responsive options for the components inside each one of them that allows them to be adaptive or responsive depending on the devise they are opened in.
Are there any other component examples that I can refer to?
Because all I found case on the Internet were old versions that were not good to use.
Plamen
Telerik team
commented on 01 Jan 2024, 08:39 AM
Thank you for writing back and for your feedback. Indeed it seems like we don't have one page to share the RWD and adaptive features. We will definitely consider adding such page in our documentation. Meanwhile I will try to gather different scenarios that we have implemented across our components that could currently be helpful:
Dear sir,
Thanks for your reply.
Are there any other component examples that I can refer to?
Because all I found case on the Internet were old versions that were not good to use.
Thank you for writing back and for your feedback. Indeed it seems like we don't have one page to share the RWD and adaptive features. We will definitely consider adding such page in our documentation. Meanwhile I will try to gather different scenarios that we have implemented across our components that could currently be helpful:
https://www.telerik.com/kendo-react-ui/components/layout/appbar/responsive-design/
https://www.telerik.com/kendo-react-ui/components/grid/sizing/
https://www.telerik.com/kendo-react-ui/components/datatools/pager/responsive/
https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/adaptive-rendering/
https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/adaptive-rendering/
https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/adaptive-rendering/
https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/adaptive-rendering/
https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/custom-rendering/
https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/adaptive-rendering/
https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/adaptive-rendering/
https://www.telerik.com/kendo-react-ui/components/dropdowns/multicolumncombobox/adaptive-rendering/
https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/adaptive-rendering/
Hope this scenarios will be helpful. If you have other questions or you actually needed something else please don't hesitate to let me know.