Back to Devexpress

DxSplitterPane.AllowCollapse Property

blazor-devexpress-dot-blazor-dot-dxsplitterpane-aa88ff53.md

latest2.3 KB
Original Source

DxSplitterPane.AllowCollapse Property

Specifies whether users can collapse the pane.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Booleanfalse

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.

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

See Also

DxSplitterPane Class

DxSplitterPane Members

DevExpress.Blazor Namespace