Back to Devexpress

DxSplitterPane.Visible Property

blazor-devexpress-dot-blazor-dot-dxsplitterpane-8f4afdee.md

latest1.4 KB
Original Source

DxSplitterPane.Visible Property

Specifies whether the pane is visible.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Booleantrue

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.

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

See Also

DxSplitterPane Class

DxSplitterPane Members

DevExpress.Blazor Namespace