Kendo UI React.js (KendoReact) drawer functionality

1 Answer 63 Views
Drawer
Pierre
Top achievements
Rank 1
Pierre asked on 01 Apr 2022, 06:47 AM

is it possible if I use kendo UI's drawer but not for navigation, but a component such as chart like this design :

and make this button to expanded function ?

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 04 Apr 2022, 01:30 PM

Hi, Pierre,

 

The Drawer is a component designed for navigation. However, you can render custom content in two ways:

Customizing the "item": https://www.telerik.com/kendo-react-ui/components/layout/drawer/custom_rendering/

Defining custom content directly in the DrawerNavigation: https://stackblitz.com/edit/react-fguhdl-zdvunu?file=app/main.jsx

The second approach would be more appropriate for more complex scenarios. The button can be rendered inside of the item with the same functionality and styled as required.

Regards, FilipProgress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Drawer
Asked by
Pierre
Top achievements
Rank 1
Answers by
Filip
Telerik team
Share this question
or