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.v24.1.dll

Declaration

C#

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

VB.NET

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

JS

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

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