Skip to main content

SchedulerFormLayoutItemBase.ColSpanSm Property

Specifies the number of columns the layout item occupies on small screens (576px or wider).

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor


public int ColSpanSm { get; set; }

Property Value

Type Description

The number of columns.


You can use the following properties to create a custom edit form for appointments:

Construct the form based on layout items in the same way as when you use the DxFormLayout component. The Scheduler ships with a set of predefined layout items that correspond to items of the default edit form.

The component uses a responsive grid system based on the CSS flexible box layout to render items. Each layout item can occupy between 1 and 12 columns. Use the ColSpanSm property to specify the number of columns the layout item occupies on small screens (576px or wider)).

<DxScheduler StartDate="@DateTime.Today"
        <DxSchedulerWorkWeekView VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8), 
    <AppointmentFormLayout >
        <DxSchedulerStartDateFormLayoutItem ColSpanSm="12"></DxSchedulerStartDateFormLayoutItem>

For more information, refer to the following help topic: Custom Appointment Form.

See Also