Skip to main content
All docs
V25.1
  • DxSplitterPane.AllowResize Property

    Specifies whether users can resize the pane.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(true)]
    [Parameter]
    public bool AllowResize { get; set; }

    Property Value

    Type Default Description
    Boolean true

    true, to allow users to resize the pane; otherwise, false.

    Remarks

    Enable the AllowResize property to allow users to resize the pane. Use the MinSize and MaxSize properties to restrict changes to the pane. The Size property specify the initial pane size.

    When the size changes, the splitter fires the SizeChanged event.

    <DxSplitter CssClass="border" Height="220px" Width="100%">
        <Panes>
            <DxSplitterPane>Resizable only</DxSplitterPane>
            <DxSplitterPane>
                <DxSplitter Orientation="Orientation.Vertical">
                    <Panes>
                        <DxSplitterPane AllowCollapse="true">Resizable and collapsible</DxSplitterPane>
                        <DxSplitterPane AllowCollapse="true">
                            <DxSplitter>
                                <Panes>
                                    <DxSplitterPane AllowCollapse="true">Resizable and collapsible</DxSplitterPane>
                                    <DxSplitterPane>Resizable only</DxSplitterPane>
                                    <DxSplitterPane AllowCollapse="true">Resizable and collapsible</DxSplitterPane>
                                </Panes>
                            </DxSplitter>
                        </DxSplitterPane>
                    </Panes>
                </DxSplitter>
            </DxSplitterPane>
            <DxSplitterPane AllowResize="false">Non-resizable and non-collapsible</DxSplitterPane>
        </Panes>
    </DxSplitter>
    

    Splitter with collapsible panes

    See Also