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.v25.2.dll

NuGet Package : DevExpress.Web

Declaration

C#
VB.NET

csharp

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

<DefaultValue(ResizingMode.Live)>
Public Overridable Property ResizingMode As ResizingMode

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.

javascript

function OnClick(s, e) {
    ASPxPopupControl1.Show();
}
function OnAfterResizing() {
    splitter.AdjustControl();
}

Default.aspx

aspx

<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.