aspnet-119636-components-docking-and-popups-popup-control-adaptivity.md
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.
Run Demo: PopupControl - Adaptive Layout (Web Forms)Run Demo: Popup - Adaptive Layout (MVC)
Use the PopupControlAdaptivitySettings.Mode property to enable adaptivity mode for ASPxPopupControl. The available property values are listed below:
AlwaysAdaptivity mode is always enabled.OffAdaptivity mode is not used.OnWindowInnerWidthAdaptivity 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.
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.MinWidthSpecify the maximum and minimum control width.PopupControlAdaptivitySettings.MaxHeight and PopupControlAdaptivitySettings.MinHeightSpecify the maximum and minimum control height.PopupControlAdaptivitySettings.VerticalAlign and PopupControlAdaptivitySettings.HorizontalAlignDefine the popup window’s vertical and horizontal alignment.PopupControlAdaptivitySettings.FixedHeader and PopupControlAdaptivitySettings.FixedFooterDefine whether the popup window’s header and footer are fixed while a user scrolls.