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

Features

Options
v
v


The DevExpress ASP.NET MVC Floating Action Button (FloatingActionButtonExtension) is a button that appears in front of a container (HTML element or an extension) when an end user interacts with the container's elements.

The following types of floating action buttons are available:

  • FAB with a single action - Executes the action once an end user clicks the floating action button.
  • FAB with multiple actions - The floating action button serves as a container for multiple actions. When pressed, the floating action button expands nested actions.

The floating action button provides client-side APIs that allow you to specify which type of FAB should be displayed (ASPxClientFloatingActionButton.SetActionContext, ASPxClientFloatingActionButton.GetActionContext), change the horizontal/vertical position (ASPxClientFloatingActionButton.SetHorizontalPosition, ASPxClientFloatingActionButton.SetVerticalPosition), and container element (ASPxClientFloatingActionButton.SetContainerElement, ASPxClientFloatingActionButton.SetContainerElementID).

In this demo, use the options on the right to change the extension's settings and see how they affect the floating action button.