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).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxSchedulerDemos