Change Theme Settings
Change Theme Settings
Show All Themes

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.