ASPxSchedulerOptionsBehavior.ShowFloatingActionButton Property

Specifies whether the floating action button is displayed in the scheduler.

Namespace: DevExpress.Web.ASPxScheduler

Assembly: DevExpress.Web.ASPxScheduler.v18.2.dll

Declaration

C#

[DefaultValue(true)]
public bool ShowFloatingActionButton { get; set; }

VB.NET

<DefaultValue(True)>
Public Property ShowFloatingActionButton As Boolean

Property Value

Type	Default	Description
Boolean	**true**	true, to display the floating action button; otherwise, false.

Property Paths

You can access this nested property as listed below:

Library	Object Type	Path to ShowFloatingActionButton
ASP.NET Bootstrap Controls	BootstrapScheduler	.OptionsBehavior.ShowFloatingActionButton
ASP.NET Web Forms Controls	ASPxScheduler	.OptionsBehavior.ShowFloatingActionButton
	MVCxScheduler	.OptionsBehavior.ShowFloatingActionButton
	SchedulerSettings	.OptionsBehavior.ShowFloatingActionButton

Remarks

Use the ASPxScheduler.FloatingActionButton property to access and customize the floating action button in the scheduler.

Example

WebForms approach:

Aspx

<dx:ASPxScheduler ID="DemoScheduler" runat="server" ... >
    <FloatingActionButton>
        <ClientSideEvents ActionItemClick="OnActionItemClick" />
        <Items>
            <dx:FABCreateAppointmentActionGroup></dx:FABCreateAppointmentActionGroup>
            <dx:FABEditAppointmentActionGroup></dx:FABEditAppointmentActionGroup>
            <dx:FABActionGroup ContextName="Scale">
                <Items>
                    <dx:FABActionItem ActionName="Scale15Minutes">
                    </dx:FABActionItem>
                    ...
                </Items>
            </dx:FABActionGroup>
        </Items>
    </FloatingActionButton>
    <Views>
    ...
    </Views>
</dx:ASPxScheduler>

MVC approach:

Razor

@{
    var scheduler = Html.DevExpress().Scheduler(
        settings => {
            settings.Name = "scheduler";
            settings.CallbackRouteValues = new { Controller = "Features", Action = "FloatingActionButtonPartial" };

            settings.OptionsBehavior.ShowFloatingActionButton = true;

            settings.FloatingActionButton.Items.Add(new FABCreateAppointmentActionGroup());
            settings.FloatingActionButton.Items.Add(new FABEditAppointmentActionGroup());

            FABActionGroup scaleGroup = new FABActionGroup() { ContextName = "Scale" };
            scaleGroup.Items.Add(CreateFABActionItem("Scale15Minutes", "~/Content/Scheduler/FAB/15m.svg"));
            ...
            settings.FloatingActionButton.Items.Add(scaleGroup);

        });
        ...
}
@scheduler.Bind(Model.Appointments, Model.Resources).GetHtml()

Online Demos

• Floating Action Button (WebForms)

• Floating Action Button (MVC)