RadzenTileLayout Class
A dashboard layout that arranges RadzenTileLayoutItem tiles on a configurable column/row grid. When EditMode is enabled tiles can be moved by dragging their header and resized from the bottom-right corner. Tile positions are snapped to grid cells and reported through two-way bindable parameters and the Change callback.
Inheritance
Implements
IComponent
IHandleEvent
IHandleAfterRender
Inherited Members
RadzenComponent.SetParametersAsync
RadzenComponent.OnAfterRenderAsync
RadzenComponent.RaiseContextMenu
RadzenComponent.RaiseMouseEnter
RadzenComponent.AddContextMenu
RadzenComponent.RaiseMouseLeave
RadzenComponent.OnBecameInvisible
RadzenComponent.DefaultCulture
RadzenComponent.DefaultUICulture
RadzenComponent.IsJSRuntimeAvailable
ComponentBase.OnInitializedAsync
ComponentBase.OnParametersSet
ComponentBase.OnParametersSetAsync
ComponentBase.StateHasChanged
ComponentBase.ShouldRender
ComponentBase.OnAfterRender
ComponentBase.InvokeAsync
ComponentBase.DispatchExceptionAsync
ComponentBase.RendererInfo
ComponentBase.Assets
ComponentBase.AssignedRenderMode
Namespace: Radzen.Blazor
Assembly: Radzen.Blazor.dll
Syntax
public class RadzenTileLayout : RadzenComponent, IComponent, IHandleEvent, IHandleAfterRenderExamples
<RadzenTileLayout Columns="12" RowHeight="80" EditMode="true" ShowGrid="true" Change=@OnChange>
<RadzenTileLayoutItem Title="Sales" Col="1" Row="1" ColSpan="6" RowSpan="2">
...
</RadzenTileLayoutItem>
<RadzenTileLayoutItem Title="Visitors" Col="7" Row="1" ColSpan="6" RowSpan="2">
...
</RadzenTileLayoutItem>
</RadzenTileLayout>Constructors
RadzenTileLayoutlink
A dashboard layout that arranges RadzenTileLayoutItem tiles on a configurable column/row grid. When EditMode is enabled tiles can be moved by dragging their header and resized from the bottom-right corner. Tile positions are snapped to grid cells and reported through two-way bindable parameters and the Change callback.
Declaration
public RadzenTileLayout()Properties
AllowMovelink
Gets or sets a value indicating whether tiles can be moved while in EditMode.
Declaration
public bool AllowMove { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Gets or sets a value indicating whether tiles can be moved while in EditMode. |
AllowResizelink
Gets or sets a value indicating whether tiles can be resized while in EditMode.
Declaration
public bool AllowResize { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Gets or sets a value indicating whether tiles can be resized while in EditMode. |
Changelink
Gets or sets the callback raised after a tile has been moved or resized.
Declaration
public EventCallback<RadzenTileLayoutItem> Change { get; set; }Property Value
| Type | Description |
|---|---|
| EventCallback<RadzenTileLayoutItem> | Gets or sets the callback raised after a tile has been moved or resized. |
ChildContentlink
Gets or sets the tiles to display. Should contain RadzenTileLayoutItem components.
Declaration
public RenderFragment ChildContent { get; set; }Property Value
| Type | Description |
|---|---|
| RenderFragment | Gets or sets the tiles to display. Should contain RadzenTileLayoutItem components. |
Columnslink
Gets or sets the number of columns in the grid.
Declaration
public int Columns { get; set; }Property Value
| Type | Description |
|---|---|
| int | Gets or sets the number of columns in the grid. |
EditModelink
Gets or sets a value indicating whether tiles can be moved and resized. When false the layout is read-only.
Declaration
public bool EditMode { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Gets or sets a value indicating whether tiles can be moved and resized. When false the layout is read-only. |
Gaplink
Gets or sets the gap between cells, in pixels.
Declaration
public double Gap { get; set; }Property Value
| Type | Description |
|---|---|
| double | Gets or sets the gap between cells, in pixels. |
RowHeightlink
Gets or sets the height of a single row, in pixels.
Declaration
public double RowHeight { get; set; }Property Value
| Type | Description |
|---|---|
| double | Gets or sets the height of a single row, in pixels. |
Rowslink
Gets or sets the number of rows in the grid. When 0 the grid grows automatically to fit its tiles.
Declaration
public int Rows { get; set; }Property Value
| Type | Description |
|---|---|
| int | Gets or sets the number of rows in the grid. When 0 the grid grows automatically to fit its tiles. |
ShowGridlink
Gets or sets a value indicating whether to render a grid overlay.
Declaration
public bool ShowGrid { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Gets or sets a value indicating whether to render a grid overlay. |