Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxScheduler.AppointmentFormMode Property

Specifies which appointment form a user can use to create and edit appointments.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(SchedulerAppointmentFormMode.Both)]
[Parameter]
public SchedulerAppointmentFormMode AppointmentFormMode { get; set; }

#Property Value

Type Default Description
SchedulerAppointmentFormMode Both

A SchedulerAppointmentFormMode enumeration value.

Available values:

Name Description
Both

Users can use both the compact and pop-up edit forms.

CompactEditForm

Users can use the compact edit form.

EditForm

Users can use the pop-up edit form.

#Remarks

A Scheduler can show two forms when users create and edit appointments:

  • The compact edit form - Appears when a user creates or edits an appointment.
  • The extended edit form - Opens when a user clicks the expand button in the compact edit form.

Use the AppointmentFormMode property to specify which form is available for users.

@using Data

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage"
             AppointmentFormMode="SchedulerAppointmentFormMode.EditForm">
    <DxSchedulerWeekView/>
</DxScheduler>

@code {
    DxSchedulerDataStorage DataStorage = new DxSchedulerDataStorage() {
        AppointmentsSource = AppointmentCollection.GetAppointments(),
        AppointmentMappings = new DxSchedulerAppointmentMappings() {
            Type = "AppointmentType",
            Start = "StartDate",
            End = "EndDate",
            Subject = "Caption",
            AllDay = "AllDay",
            Location = "Location",
            Description = "Description",
            LabelId = "Label",
            StatusId = "Status",
            RecurrenceInfo = "Recurrence"
        }
    };
}

You can also customize appointment forms.

Run Demo: Scheduler - Custom Appointment Form

See Also