DxScheduler.InnerComponentSizeMode Property

Specifies the size of the Scheduler’s inner components.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public SizeMode? InnerComponentSizeMode { get; set; }

Property Value

Type	Default	Description
Nullable<SizeMode>	null	A SizeMode enumeration value.

Available values:

Name	Description
Small	Small size.
Medium	Medium size.
Large	Large size.

Remarks

Use the InnerComponentSizeMode property to specify the size mode for the following Scheduler’s inner components:

• The toolbar that displays the Today button, view navigator and view visible interval
• View selector (if displayed)
• The Appointment form‘s data editors that support size modes

The following size modes are available:

Size mode	Description
Not specified (NULL)	Scheduler’s inner components inherit their sizes from Scheduler’s parent component. For example, if Scheduler is in Form Layout, Scheduler’s inner component size is controlled by the SizeMode property. If the parent component’s size mode is not specified, Scheduler’s inner component size is specified by the SizeMode global option.
Large	The size of Scheduler’s inner components is large.
Medium	The size of Scheduler’s inner components is medium.
Small	The size of Scheduler’s inner components is small.

The code below applies the Medium size mode to the Scheduler’s inner components.

<DxScheduler StartDate="@DateTime.Today" DataStorage="@DataStorage" InnerComponentSizeMode="SizeMode.Medium">
    <DxSchedulerDayView ShowWorkTimeOnly="false"
                        DayCount="3"
                        TimeIndicatorVisibility="SchedulerTimeIndicatorVisibility.TodayView"
                        TimeScale="@(new TimeSpan(0,15,0))"
                        WorkTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(9),
                         TimeSpan.FromHours(18)))"
                        VisibleTime="@(new DxSchedulerTimeSpanRange(TimeSpan.FromHours(8),
                         TimeSpan.FromHours(19)))">
    </DxSchedulerDayView>
    <DxSchedulerWeekView></DxSchedulerWeekView>
</DxScheduler>

For more information, refer to Size Modes.

Run Demo: Scheduler - View Types