Available in the Full Version

Data Grid - Custom Modal Dialog

This sample demonstrates the ability to replace the grid’s default modal dialog with a custom modal dialog.

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

The custom modal dialog allows closing and applying the changes via either the on-screen Done and Cancel buttons or the keyboard Enter and ESC keys. The interaction with the grid is not blocked, and the end user can change the row in edit mode while the dialog is opened.

Code View

Copy to Clipboard