Adaptivity
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. This property has the following modes:
- 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 PopupControlAdaptivitySettings.SwitchAtWindowInnerWidth property value.
The following settings control the popup control’s size in adaptive mode:
- 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.