ASPxSchedulerOptionsBehavior.ShowFloatingActionButton Property

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

Namespace: DevExpress.Web.ASPxScheduler

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

NuGet Package: DevExpress.Web.Scheduler

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 Controls and MVC Extensions	ASPxScheduler	.OptionsBehavior .ShowFloatingActionButton
ASP.NET Bootstrap Controls	BootstrapScheduler	.OptionsBehavior .ShowFloatingActionButton
ASP.NET MVC Extensions	MVCxScheduler	.OptionsBehavior .ShowFloatingActionButton
	SchedulerSettings	.OptionsBehavior .ShowFloatingActionButton

Remarks

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

Example

Web Forms 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 (Web Forms)

• Floating Action Button (MVC)