SchedulerPopupSettingsBase.MaxWidth Property

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

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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
Compact Appointment Form
Appointment Tooltip

razor

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

razor

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

razor

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