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

DxSchedulerMonthView Class

A calendar view that displays one month or multiple months.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
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
DxComponentBase
DevExpress.Blazor.Base.DxAsyncDisposableComponent
DevExpress.Blazor.Base.DxDecoratedComponent
DxComponent
DevExpress.Blazor.Scheduler.Internal.ViewBase
DxSchedulerMonthView
See Also