DxSplitterPane.Visible Property

Specifies whether the pane is visible.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
Boolean	true	true to display the pane; otherwise, false.

Remarks

Use the Visible property to show or hide the pane and the adjacent separator in the splitter.

<DxSplitter Height="150px" Width="100%">
    <Panes>
        <DxSplitterPane Visible="@Pane1Visibility">Pane 1</DxSplitterPane>
        <DxSplitterPane Visible="@Pane2Visibility">Pane 2</DxSplitterPane>
    </Panes>
</DxSplitter>

@code {
    bool Pane1Visibility { get; set; } = true;
    bool Pane2Visibility { get; set; } = true;
}

To manage pane visibility without the adjacent separator, use the Collapsed property.