DxPopupBase.MinHeight Property
Specifies the Popup’s minimum height when it adapts to fit its content.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v22.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public string MinHeight { get; set; }
Property Value
Type | Description |
---|---|
String | The minimum height 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.
The Popup’s height changes to fit its content. Use the MinHeight and MaxHeight 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"
MinHeight="200px"
MaxHeight="600px" />
@code {
bool PopupVisible { get; set; } = false;
string DynamicText { get; set; } // Get text from an external source.
}
You can also use the Height property to specify the height in absolute or relative units.
To change the Popup’s width, use the Width, MinWidth, and MaxWidth properties.
See Also