DxSchedulerDayViewBase.SnapToCellsMode Property

Specifies how appointments snap to time cells in the view.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public SchedulerSnapToCellsMode SnapToCellsMode { get; set; }

Property Value

Type	Description
SchedulerSnapToCellsMode	A SchedulerSnapToCellsMode enumeration value.

Available values:

Name	Description
Auto	Appointments that occupy less than two time cells stretch to the cell borders. The remaining appointments do not stretch.
Always	Appointments always stretch to cell borders and always occupy the entire cell.
Never	Appointments do not stretch.

Remarks

Use the SnapToCellsMode property to specify how appointments stretch.

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

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

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

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

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

@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"
        }
    };
    @* ... *@
}