ASPxScheduler.FloatingActionButton Property

Provides access to the floating action button's properties.

Namespace: DevExpress.Web.ASPxScheduler

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

Declaration

public FloatingActionButtonProperties FloatingActionButton { get; }
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.


<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

Online Demo

Floating Action Button

See Also