I am attempting to use a drawer component to slide in from the right and present the user with a form to edit various items from a grid.
Is there a way to display content (form, text, etc) in a drawer other than menu-type items?
2 Answers, 1 is accepted
answered on 04 Jun 2021, 01:41 PM
Theoretically, it is possible to place a custom Grid edit form inside a Drawer via its ItemTemplate. However, the component is designed to be used in a different way and side effects will occur:
the edit form will inherit flexbox Drawer styles which can break its layout
the Drawer is designed to collapse as soon as you click anywhere on the fly-out portion, because it is assumed that navigation will occur
Isn't the built-in Grid popup editing a feasible option for you?
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/.
I don't think the grid popup editing feature will work; fields not in the grid need editing, and some fields require complex controls. E.g., combo box, switch, etc.
The slide-in pane for editing also is a style used in related sites (using other technologies.)
It sounds like the drawer will be problematic due to it being designed for another purpose.
I've tried using an animation container, and I can get close to the behavior I want. However, if the browser is resized while the container is visible, it does not stay anchored to the right side of the window. Can you offer any guidance here?