Skip to main content

FABCreateAppointmentAction Class

Represents the floating action button’s action that allows you to create a new appointment.

Namespace: DevExpress.Web.ASPxScheduler

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

Declaration

public class FABCreateAppointmentAction :
    FABAction

Remarks

The FABCreateAppointmentAction class allows you to create the FAB’s action that creates a new appointment.

Concept

Scheduler - Floating Action Button

Example

Web Forms approach:

<dx:ASPxScheduler ID="DemoScheduler" runat="server" ClientInstanceName="DemoScheduler" AppointmentDataSourceID="AppointmentDataSource" ResourceDataSourceID="efResourceDataSource">
...
    <FloatingActionButton>    
        <Items>
            <dx:FABCreateAppointmentAction ActionName="CreateApt" ContextName="CreateApt">
                <Image Url="../Content/FAB/NewApt.svg" Width="32" Height="32"/>
            </dx:FABCreateAppointmentAction>
            ...
        </Items>
    </FloatingActionButton>
...
</dx:ASPxScheduler>

MVC approach:

@{
    var scheduler = Html.DevExpress().Scheduler(
        settings => {
            settings.Name = "scheduler";
            ...
            settings.OptionsBehavior.ShowFloatingActionButton = true;

            FABCreateAppointmentAction createApt = new FABCreateAppointmentAction();
            createApt.ActionName = "CreateApt";
            createApt.ContextName = "ContextCreateApt";
            createApt.Image.Url = "../Content/FAB/NewApt.svg";
            createApt.Image.Width = 32;
            createApt.Image.Height = 32;
            settings.FloatingActionButton.Items.Add(createApt);
            ...
        });
}
@scheduler.Bind(Model.Appointments, Model.Resources).GetHtml()

Online Demos

See Also