ASPxPopupControlBase.AllowResize Property

Gets or sets a value that specifies whether the control’s window can be resized by end-users on the client side.

Assembly : DevExpress.Web.v25.2.dll

Declaration

C#
VB.NET

csharp

[DefaultValue(false)]
public virtual bool AllowResize { get; set; }

<DefaultValue(False)>
Public Overridable Property AllowResize As Boolean

Property Value

Type	Default	Description
Boolean	false

true if window resizing is allowed; otherwise, false.

Remarks

The AllowResize property controls the availability of the control’s window resizing feature. This feature is coupled with the ASPxPopupControlBase.ResizingMode and ASPxPopupControlBase.ShowSizeGrip property settings.

Note

Adaptive mode does not support resizing.
You cannot change the ASPxDockPanel size if it is docked. The workaround scenario: undock the panel (the MakeFloat method), dock it back to the dock zone (the Dock(zone) method).
- JS

var zone = pnl1.GetOwnerZone();
pnl1.MakeFloat();
pnl1.Dock(zone);

Example

The ASPxPopupControl does not have the built-in capability to resize nested controls when it is resizing. This example illustrates how to automatically resize controls places inside the popup.

To accomplish this task, execute the following steps:

Set the ScrollBars property to Auto. This option allows the popup control to evaluate the content width and height.
Handle the AfterResizing event. In the event handler, call the AdjustControl method for a desired control to force it to reevaluate its size.
Place the control into the <div style="height: 100%; width: 100%; overflow: hidden"> element. This element is necessary to overcome scrollbars that can be shown when ScrollBars="Auto" is set.

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

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>