Skip to main content

ASPxSchedulerOptionsBehavior.ShowFloatingActionButton Property

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

Namespace: DevExpress.Web.ASPxScheduler

Assembly: DevExpress.Web.ASPxScheduler.v24.1.dll

NuGet Package: DevExpress.Web.Scheduler

Declaration

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

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 Web Forms Controls ASPxScheduler
.OptionsBehavior .ShowFloatingActionButton
ASP.NET MVC Extensions SchedulerSettings
.OptionsBehavior .ShowFloatingActionButton

Remarks

ASPxScheduler-FAB

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

Example

Web Forms approach:

<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:

@{
    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

See Also