Skip to main content

DxSchedulerMonthView Class

A calendar view that displays one month or multiple months.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxSchedulerMonthView :
    ViewBase,
    ISchedulerMonthView,
    ISchedulerView

Remarks

The Month view is a calendar view that displays appointments by month. To create this view, add the DxSchedulerMonthView object to the markup.

@using Data

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage">
    <DxSchedulerMonthView />
</DxScheduler>

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

Scheduler - Month view

Run Demo: Scheduler — Month View

You can use the DxSchedulerMonthView object’s properties to customize the view. The following code snippet sets the following properties:

  • MonthCount - Specifies the number of months displayed in the view.
  • CellMinWidth - Specifies the base width of a day cell in the month view, in pixels.
  • ShowWorkDaysOnly - Specifies whether the scheduler displays only work days in the view.
  • SnapToCellsMode - Specifies how appointments snap to time cells in the Month view.
<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage">
    <DxSchedulerMonthView MonthCount="2"
                          CellMinWidth="100"
                          ShowWorkDaysOnly="true" />
</DxScheduler>

Inheritance

Object
ComponentBase
DevExpress.Blazor.Base.DxAsyncDisposableComponent
DevExpress.Blazor.Base.DxDecoratedComponent
DxComponentBase
DevExpress.Blazor.Scheduler.Internal.ViewBase
DxSchedulerMonthView
See Also