SchedulerPopupSettingsBase.MaxWidth Property

Specifies the maximum width of the Scheduler pop-up element (extended/compact appointment form, or tooltip).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public virtual string MaxWidth { get; set; }

Property Value

Type	Default	Description
String	null	The maximum width in CSS units.

Remarks

Use the following properties to restrict the appointment form or tooltip size:

• MaxHeight
• MinHeight
• MaxWidth
• MinWidth

When choosing height and width values, note that an appointment form (compact or extended) can automatically display a scroll bar when the content height is greater than the element height.

Extended Appointment Form

<DxScheduler StartDate="DateTime.Today"
             DataStorage="DataStorage">
    <Views>
        <DxSchedulerDayView ShowWorkTimeOnly="true" />
    </Views>
    <PopupSettings>
        <DxSchedulerFormSettings MaxHeight="700px" MaxWidth="1200px" />
    </PopupSettings>
</DxScheduler>

Compact Appointment Form

<DxScheduler StartDate="DateTime.Today"
             DataStorage="DataStorage">
    <Views>
        <DxSchedulerDayView ShowWorkTimeOnly="true" />
    </Views>
    <PopupSettings>
        <DxSchedulerCompactFormSettings MaxHeight="500px" MaxWidth="600px" />
    </PopupSettings>
</DxScheduler>

Appointment Tooltip

<DxScheduler StartDate="DateTime.Today"
             DataStorage="DataStorage">
    <Views>
        <DxSchedulerDayView ShowWorkTimeOnly="true" />
    </Views>
    <PopupSettings>
        <DxSchedulerTooltipSettings MaxHeight="200px" MaxWidth="350px" />
    </PopupSettings>
</DxScheduler>

The Height and Width properties allow you to specify the exact pop-up element size.