ASPxScheduler.FloatingActionButton Property

Provides access to the floating action button’s properties.

Namespace: DevExpress.Web.ASPxScheduler

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

NuGet Package: DevExpress.Web.Scheduler

Declaration

C#

public FloatingActionButtonProperties FloatingActionButton { get; }

VB.NET

Public ReadOnly Property FloatingActionButton As FloatingActionButtonProperties

Property Value

Type	Description
FloatingActionButtonProperties	A FloatingActionButtonProperties object that represents the floating action button’s properties.

Remarks

Use the FloatingActionButton property to access and define the floating action button’s properties.

Refer to the Floating Action Button topic for more information.

Note

The FloatingActionButton is not in effect if the ASPxSchedulerOptionsBehavior.ShowFloatingActionButton is set to false.

Example

The following code snippet illustrates how to customize the floating action button in the scheduler.

ASPX

<dx:ASPxScheduler ID="DemoScheduler" runat="server" Width="100%" ClientInstanceName="DemoScheduler" ActiveViewType="FullWeek" GroupType="Resource"
        AppointmentDataSourceID="AppointmentDataSource" ResourceDataSourceID="efResourceDataSource" OnCustomCallback="DemoScheduler_CustomCallback">
    <FloatingActionButton>
        <ClientSideEvents ActionItemClick="OnActionItemClick" />
        <Items>
            <dx:FABCreateAppointmentActionGroup></dx:FABCreateAppointmentActionGroup>
            <dx:FABEditAppointmentActionGroup></dx:FABEditAppointmentActionGroup>
            <dx:FABActionGroup ContextName="Scale">
                <ExpandImage Url="../Content/FAB/TimeRulerContext.svg" Width="24px" Height="24px"></ExpandImage>
                <Items>
                    <dx:FABActionItem ActionName="Scale15Minutes">
                        <Image Url="../Content/FAB/15m.svg" Width="32px" Height="32px"></Image>
                    </dx:FABActionItem>
                ...
                </Items>
            </dx:FABActionGroup>
        </Items>
    </FloatingActionButton>
...
</dx:ASPxScheduler>

Run Demo: Floating Action Button