Skip to main content

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

public FloatingActionButtonProperties FloatingActionButton { get; }

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.

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

ASPxScheduler-FAB

Run Demo: Floating Action Button

See Also