Show theme settings Shopping cart Download trialFree Trial
Spell Checker
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Floating Action Button

<
>
October 9 – 15, 2016
  • Day
  • Full Week
  • Month
  • Timeline
  • Agenda
|<<
<<
<
>
>>
>>|
+
-
v
Lincoln Bartlett (Therapy)
Sun, October 9Mon, October 10Tue, October 11Wed, October 12Thu, October 13Fri, October 14Sat, October 15
       
700
 
800
 
900
 
1000
 
1100
 
12PM
 
100
 
200
 
300
 
400
 
500
 
600
 
700
 
800
Andrew Glover (Hospital)
Contact info: (65) 965-4016
Mark Oliver (Hospital)
Contact info: (46) 683-6484
Taylor Riley (Home)
Contact info: (41) 671-9633
Recurrence
Follow-up Medical Checkup
Brad Farkus (Home)
Contact info: (23) 483-9348
Bart Arnaz (Phone Consultation)
Contact info: (11) 211-4115
Arnie Schwartz (Hospital)
Contact info: (65) 353-4435
John Heart (Home)
Contact info: (67) 501-2739
Arthur Miller (Hospital)
Contact info: (83) 808-5146
Robert Reagan (Hospital)
Contact info: (97) 108-9815
Recurrence
Follow-up Medical Checkup
Recurrence
Follow-up Medical Checkup
 
New Recurring Appointment
New Appointment
Did this demo address your needs?
If you’d like us to extend this demo further, please describe your needs below.
Thank you in advance for your cooperation.
SEND FEEDBACK


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.

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