ASPxSchedulerOptionsBehavior.ShowFloatingActionButton Property
Specifies whether the floating action button is displayed in the scheduler.
Namespace: DevExpress.Web.ASPxScheduler
Assembly: DevExpress.Web.ASPxScheduler.v24.2.dll
NuGet Package: DevExpress.Web.Scheduler
#Declaration
#Property Value
Type | Default | Description |
---|---|---|
Boolean | true |
|
#Property Paths
You can access this nested property as listed below:
Library | Object Type | Path to Show |
---|---|---|
ASP. |
Scheduler |
|
ASP. |
ASPx |
|
#Remarks
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