Change Theme Settings
Change Theme Settings
Show All Themes

Popup Edit Form

First Name 
Last Name 
Birth Date 
Hire Date 
EditNancyDavolio12/8/1948Sales Representative5/1/1992
EditAndrewFuller2/19/1952Vice President, Sales8/14/1992
 JanetLeverling8/30/1963Sales Representative4/1/1992
EditMargaretPeacock9/19/1937Sales Representative5/3/1993
EditStevenBuchanan3/4/1955Sales Manager10/17/1993
EditMichaelSuyama7/2/1963Sales Representative10/17/1993
EditRobertKing5/29/1960Sales Representative1/2/1994
EditLauraCallahan1/9/1958Inside Sales Coordinator3/5/1994
EditAnneDodsworth1/27/1966Sales Representative11/15/1994

The Popup Edit Form allows end-users to edit column values in a popup.

To enable the Popup Edit Form mode, set the DevExpress ASP.NET Grid View’s (ASPxGridView) SettingsEditing.Mode option to PopupEditForm.

ASPxGridView's popup edit form automatically rearranges its content in response to browser window resizing (the SettingsPopup.EditForm.SettingsAdaptivity.Mode property controls this behavior). In adaptive mode, the popup's fields are positioned one under another and in one column when a browser window’s width is less than or equal to the value specified in the SettingsPopup.EditForm.SettingsAdaptivity.SwitchAtWindowInnerWidth property.

The Popup Edit Form can also be displayed as a modal dialog. In this mode, the edit form must be closed before returning to the application (the SettingsEditing.PopupEditFormModal option controls this behavior).

In this example, you can specify whether to use a modal popup via the Show Popup Edit form in modal mode checkbox and control the ‘Notes’ field's position using the Show memo at bottom checkbox.