Class

TileLayoutItem

Declaration

public TileLayoutItem()

Applies additional CSS classes to the tile's wrapping element for custom styling. Use this to add specific styling, themes, or visual variations to individual tiles. Multiple classes can be specified separated by spaces (e.g., "my-tile highlighted important"). Classes are rendered alongside the default Telerik tile styling classes.

Declaration

[Parameter]
public string Class { get; set; }

Property Value

Sets how many columns the tile spans horizontally in the grid layout. Use 1 (default) for single-column tiles, 2 for tiles twice as wide, 3 for triple-width tiles, etc. Larger values create wider tiles that can accommodate more content or provide visual prominence. Works together with RowSpan to define the total tile size and affects how other tiles position around it.

Declaration

[Parameter]
public int ColSpan { get; set; }

Property Value

Defines the main content area of the tile including HTML, Blazor components, charts, grids, or any other content. The content area automatically adjusts its size based on the tile's RowSpan and ColSpan values.

Declaration

[Parameter]
public RenderFragment Content { get; set; }

Property Value

Defines rich content for the tile header including HTML and Blazor components. Use this for complex headers with icons, rich content and custom styling that goes beyond plain text. Takes precedence over HeaderText when both are specified. The header serves as the drag handle when reordering is enabled, so interactive elements in the header template may not work or may interfere with drag operations.

Declaration

[Parameter]
public RenderFragment HeaderTemplate { get; set; }

Property Value

Sets the tile header content as plain text for simple titles and labels. Use this for basic text headers like "Sales Dashboard", "User Statistics", or "Recent Orders". For rich content with HTML, components, or complex formatting, use HeaderTemplate instead. The header appears in the tile's top section and serves as the drag handle when reordering is enabled.

Declaration

[Parameter]
public string HeaderText { get; set; }

Property Value

Sets a unique identifier for the tile that is used in resize and reorder events, and also in TileLayout state management. This identifier appears in OnResize and OnReorder event arguments to help you determine which specific tile was modified by user interactions. Use meaningful values like "salesChart", "userStats", or "dashboard1" for easier event handling and debugging.

Declaration

[Parameter]
public string Id { get; set; }

Property Value

Sets how many rows the tile spans vertically in the grid layout. Use 1 (default) for single-row tiles, 2 for tiles twice as tall, 3 for triple-height tiles, etc. Larger values create taller tiles that can accommodate more content or provide visual emphasis. Works together with ColSpan to define the total tile size and affects how other tiles position around it.

Declaration

[Parameter]
public int RowSpan { get; set; }

Property Value

Controls whether the tile is displayed in the layout. When set to false, the tile is completely hidden and does not occupy space in the grid. Use this for conditional tile display, user-customizable dashboards, or dynamic content scenarios. Hidden tiles maintain their position and size settings for when they become visible again. The default value is true.

Declaration

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

Property Value

Declaration

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

Overrides ComponentBase.BuildRenderTree(RenderTreeBuilder)

Declaration

public void Dispose()

Implements IDisposable.Dispose()

Declaration

protected override void OnAfterRender(bool firstRender)

Parameters

Overrides ComponentBase.OnAfterRender(bool)

Declaration

protected override void OnInitialized()

Overrides ComponentBase.OnInitialized()

Declaration

protected override Task OnParametersSetAsync()

Returns

Overrides ComponentBase.OnParametersSetAsync()

Declaration

public override Task SetParametersAsync(ParameterView parameters)

Parameters

Returns

Overrides ComponentBase.SetParametersAsync(ParameterView)