Skip to main content
Tab

ASPxPopupControlBase.ResizingMode Property

Specifies how windows respond to resizing operations: it is redrawn dynamically or after the resizing operation is finished.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web

Declaration

[DefaultValue(ResizingMode.Live)]
public virtual ResizingMode ResizingMode { get; set; }

Property Value

Type Default Description
ResizingMode Live

One of the enumeration values.

Available values:

Name Description
Postponed

An element is redrawn after the resizing operation is finished.

Live

An element is redrawn dynamically during the resizing operation.

Remarks

When the AllowResize property is set to true, users can resize windows. Use the ResizingMode property to specify whether the window is redrawn dynamically during the resizing operation, or the window is redrawn after the resizing operation is finished.

Live Mode

In Live mode, the control re-calculates window layout and redraws the window dynamically. The nested containers (for instance, a Splitter container) are not adjusted dynamically and can prevent the window from being reduced.

You can adjust the nested containers in the AfterResizing event handler.

function OnClick(s, e) {
    ASPxPopupControl1.Show();
}
function OnAfterResizing() {
    splitter.AdjustControl();
}
<dx:ASPxPopupControl ID="ASPxPopupControl1" runat="server" Height="500px" Width="500px"
    ScrollBars="Auto" AllowResize="true" LoadContentViaCallback="OnFirstShow">
    <ClientSideEvents AfterResizing="OnAfterResizing" />
    <ContentCollection>
        <dx:PopupControlContentControl ID="PopupControlContentControl2" runat="server" SupportsDisabledAttribute="True">
            <div style="height: 100%; width: 100%; overflow: hidden">
                <dx:ASPxSplitter ID="ASPxSplitter2" runat="server" Width="100%" Height="100%" ClientInstanceName="splitter">
                    <Panes>
                        <dx:SplitterPane>
                            <ContentCollection>
                                <dx:SplitterContentControl ID="SplitterContentControl3" runat="server" SupportsDisabledAttribute="True" />
                            </ContentCollection>
                        </dx:SplitterPane>
                        <dx:SplitterPane>
                            <ContentCollection>
                                <dx:SplitterContentControl ID="SplitterContentControl4" runat="server" SupportsDisabledAttribute="True" />
                            </ContentCollection>
                        </dx:SplitterPane>
                    </Panes>
                </dx:ASPxSplitter>
            </div>
        </dx:PopupControlContentControl>
    </ContentCollection>
</dx:ASPxPopupControl>
<dx:ASPxButton ID="ASPxButton1" runat="server" AutoPostBack="False" Text="Show PopUp">
    <ClientSideEvents Click="OnClick" />
</dx:ASPxButton>

View Example: How to resize ASPxSplitter placed inside ASPxPopupControl when resizing ASPxPopupControl

Postponed Mode

In Postponed mode, the control re-calculates window layout and redraws the window (including all its nested controls) at the end of the resizing operation.

See Also