Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

External FAB for GridView



This demo illustrates how to use the external Floating Action Button (FloatingActionButtonExtension) with the GridView extension.

To associate the floating action button with the grid, set the FloatingActionButtonSettings.ContainerElementID property to the GridView's container ID. The SetActionContext method allows you to specify which action(s) (FABActionItem) the FAB should display in response to user interaction (for example, select a row). The ActionItemClick event allows you to specify the grid's behavior depending on the clicked FAB. For example, the grid switches to edit mode (ASPxClientGridView.StartEditRow) when a user selects this row and clicks the "Edit" FAB action.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos