Skip to main content

DxSchedulerDayViewBase.SnapToCellsMode Property

Specifies how appointments snap to time cells in the view.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor


public SchedulerSnapToCellsMode SnapToCellsMode { get; set; }

Property Value

Type Description

A SchedulerSnapToCellsMode enumeration value.

Available values:

Name Description

Appointments that occupy less than two time cells stretch to the cell borders. The remaining appointments do not stretch.


Appointments always stretch to cell borders and always occupy the entire cell.


Appointments do not stretch.


Use the SnapToCellsMode property to specify how appointments stretch.

In the following image, the SnapToCellsMode property is set to Never:

Appointments do not stretch

In the image below, the SnapToCellsMode property is set to Always:

Appointments always stretch

In the last image, the SnapToCellsMode property is set to Auto:

Auto stretching

The following code snippet applies the SnapToCellsMode property to the Day view:

<DxScheduler StartDate="@DateTime.Today"
    <DxSchedulerDayView SnapToCellsMode="SchedulerSnapToCellsMode.Always"></DxSchedulerDayView>

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