SchedulerSnapToCellsMode Enum

Lists values that specify how appointments snap to time cells.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum SchedulerSnapToCellsMode

Members

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.

Related API Members

The following properties accept/return SchedulerSnapToCellsMode values:

• DxSchedulerDayViewBase.SnapToCellsMode
• DxSchedulerMonthView.SnapToCellsMode
• DxSchedulerTimelineView.SnapToCellsMode

Remarks

You can specify whether appointments stretch to cell borders. Pass the SchedulerSnapToCellsMode enumeration values to the corresponding view’s property to select the stretch mode.

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 Timeline view:

<DxScheduler StartDate="@DateTime.Today"
             DataStorage="@DataStorage">
    <DxSchedulerTimelineView SnapToCellsMode="SchedulerSnapToCellsMode.Always"
                             Duration="@(TimeSpan.FromHours(24))"
                             CellMinWidth="100">
        <Scales>
            <DxSchedulerTimeScale Unit="@SchedulerTimeScaleUnit.Day" UnitCount="1"></DxSchedulerTimeScale>
            <DxSchedulerTimeScale Unit="@SchedulerTimeScaleUnit.Hour" UnitCount="4"></DxSchedulerTimeScale>
        </Scales>
    </DxSchedulerTimelineView>
</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"
        }
    };
    @* ... *@
}