DxPopupBase.MaxWidth Property
Specifies the Popup’s maximum width when it adapts to fit its content.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v22.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public string MaxWidth { get; set; }
Property Value
Type | Description |
---|---|
String | The maximum width in CSS units. |
Remarks
The Popup’s width is equal to 500px on desktops. On phones and tablets, the width adapts to the viewport width. For more information, refer to the following topic: Responsive breakpoints.
You can set the Width property to auto
to make the width always fit the Popup content. Use the MinWidth and MaxWidth properties to define size constraints.
<div @onclick="@(() => PopupVisible = true)">
<p>CLICK TO SHOW A POP-UP WINDOW</p>
</div>
<DxPopup @bind-Visible="@PopupVisible"
HeaderText="Header"
BodyText="@DynamicText"
Width="auto"
MinWidth="300px"
MaxWidth="600px" />
@code {
bool PopupVisible { get; set; } = false;
string DynamicText { get; set; } // Get text from an external source.
}
You can also use the Width property to specify the width in absolute or relative units.
To change the Popup’s height, use the Height, MinHeight, and MaxHeight properties.