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

    Specifies whether users can collapse the pane.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(false)]
    [Parameter]
    public bool AllowCollapse { get; set; }

    Property Value

    Type Default Description
    Boolean false

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

    Remarks

    Enable the AllowCollapse property to allow users to collapse the pane.

    Use the Collapsed property to determine the pane collapse state. When the state changes, the splitter fires the CollapsedChanged 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