Popup Control Adaptivity
- 2 minutes to read
ASPxPopupControl supports an adaptive mode that allows you to build page layouts that fit the browser window’s width. In adaptive mode, the popup control changes its size according to a user’s device type and page resolution.
Use the PopupControlAdaptivitySettings.Mode property to enable adaptivity mode for ASPxPopupControl. The available property values are listed below:
Always- Adaptivity mode is always enabled.
Off- Adaptivity mode is not used.
OnWindowInnerWidth- Adaptivity mode is enabled when the browser window’s inner width is less than or equal to the SwitchAtWindowInnerWidth property value.
When the adaptive mode is enabled, the window is displayed in modal mode.
Popup Control’s Size in Adaptive Mode
When the Popup Control is in adaptive mode, its width and height are changed according to the screen size, and it does not use the Height and Width values. We implemented the following properties that allow you to specify size boundaries to change the popup’s height according to the screen size (adaptive behavior) without exceeding the minimum and maximum values.
- PopupControlAdaptivitySettings.MaxWidth and PopupControlAdaptivitySettings.MinWidth
- Specify the maximum and minimum control width.
- PopupControlAdaptivitySettings.MaxHeight and PopupControlAdaptivitySettings.MinHeight
- Specify the maximum and minimum control height.
- PopupControlAdaptivitySettings.VerticalAlign and PopupControlAdaptivitySettings.HorizontalAlign
- Define the popup window’s vertical and horizontal alignment.
- PopupControlAdaptivitySettings.FixedHeader and PopupControlAdaptivitySettings.FixedFooter
- Define whether the popup window’s header and footer are fixed while a user scrolls.