LayoutElementBase.Visible Property

Specifies whether a DxGridLayout‘s row or column is visible.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public bool Visible { get; set; }

Property Value

Type	Description
Boolean	true, if the layout row (or column) is visible; otherwise, false.

Remarks

<DxGridLayout CssClass="h-100" ColumnSpacing="8px" RowSpacing="8px">
    <Rows>
        <DxGridLayoutRow />
        <DxGridLayoutRow />
        <DxGridLayoutRow />
        <DxGridLayoutRow Visible="IsXSmallScreen" />
        <DxGridLayoutRow Visible="IsXSmallScreen" />
        <DxGridLayoutRow Visible="IsXSmallScreen" />
    </Rows>
    <Columns>
        <DxGridLayoutColumn />
        <DxGridLayoutColumn Visible="!IsXSmallScreen" />
        <DxGridLayoutColumn Visible="!IsXSmallScreen" />
        <DxGridLayoutColumn Visible="!IsXSmallScreen" />
    </Columns>
    <Items>
        ...
    </Items>
</DxGridLayout>

@code {
    bool IsXSmallScreen { get; set; }
}

Run Demo: Grid Layout - Adaptivity