Back to Devexpress

SchedulerSnapToCellsMode Enum

blazor-devexpress-dot-blazor-f25b6e57.md

latest3.1 KB
Original Source

SchedulerSnapToCellsMode Enum

Lists values that specify how appointments snap to time cells.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
public enum SchedulerSnapToCellsMode

Members

NameDescription
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.

|

The following properties accept/return SchedulerSnapToCellsMode values:

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 :

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

See Also

DevExpress.Blazor Namespace