DxSplitterPane.AllowCollapse Property

Specifies whether users can collapse the pane.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.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>