Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Floating Action Button

October 9 – 15, 2016
  • Day
  • Full Week
  • Month
  • Timeline
  • Agenda
  • Item

This demo illustrates how to use the floating action button (FloatingActionButtonProperties) that provides access to the most frequently used actions. The floating action button's actions depend on the triggered element in the scheduler. For example, the floating action button provides the "Open", "Edit" and "Delete" actions if a user selects an appointment or "Create new Appointment" if a user selects a time cell.

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 FABActionItemClick client-side event allows you to provide custom scenario when a user clicks a custom action in the floating action button.

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\MVCxSchedulerDemos