Back to all docs
API Reference / Telerik.Blazor.Components / TelerikTileLayout

Class
TelerikTileLayout

The class for the Telerik TileLayout component.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:
cs-api-definition
public class TelerikTileLayout : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikTileLayout

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members BaseComponent.ShouldRender()BaseComponent.OnInitializedAsync()BaseComponent.InitLocalizer()BaseComponent.ThrowIfParameterIsNull(object, string)BaseComponent.HaveOptionsChanged(IDictionary<string, object>, IDictionary<string, object>)BaseComponent.GetClassString(params string[])BaseComponent.InvokeAsync<T>(string, params object[])BaseComponent.InvokeAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidAsync(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidComponentMethodAsync(string, params object[])BaseComponent.InvokeComponentVoidMethodAsync(string, object)BaseComponent.InvokeDisposeAsync()BaseComponent.StateHasChanged()BaseComponent.RootComponentBaseComponent.ClassComponentBase.OnInitialized()ComponentBase.OnParametersSet()ComponentBase.OnParametersSetAsync()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)

Constructors

TelerikTileLayout()

Declaration

cs-api-definition
public TelerikTileLayout()

Properties

ColumnSpacing

The overall padding and column spacing between columns, in pixels.

Declaration

cs-api-definition
[Parameter]
public string ColumnSpacing { get; set; }

Property Value

string

ColumnWidth

The column width in the grid layout. Takes CSS units and defaults to "1fr".

Declaration

cs-api-definition
[Parameter]
public string ColumnWidth { get; set; }

Property Value

string

Columns

The number of columns in the TileLayout.

Declaration

cs-api-definition
[Parameter]
public int Columns { get; set; }

Property Value

int

Height

Defines the TileLayout height as a CSS value. If not set, the component will expand automatically to fit all rows.

Declaration

cs-api-definition
[Parameter]
public string Height { get; set; }

Property Value

string

Navigable

Defines if users can navigate the Component and execute actions via the keyboard. The default value is false.

Declaration

cs-api-definition
[Parameter]
public bool Navigable { get; set; }

Property Value

bool

OnReorder

Event raised when an item is reordered.

Declaration

cs-api-definition
[Parameter]
public EventCallback<TileLayoutReorderEventArgs> OnReorder { get; set; }

Property Value

EventCallback<TileLayoutReorderEventArgs>

OnResize

Event raised when an item is resized.

Declaration

cs-api-definition
[Parameter]
public EventCallback<TileLayoutResizeEventArgs> OnResize { get; set; }

Property Value

EventCallback<TileLayoutResizeEventArgs>

Reorderable

Defines if reordering of tiles is enabled.

Declaration

cs-api-definition
[Parameter]
public bool Reorderable { get; set; }

Property Value

bool

Resizable

Defines if resizing of tiles is enabled. If set, values for both RowHeight and ColumnWidth should also be provided.

Declaration

cs-api-definition
[Parameter]
public bool Resizable { get; set; }

Property Value

bool

RowHeight

The row height in the grid layout. Takes CSS units and defaults to "1fr".

Declaration

cs-api-definition
[Parameter]
public string RowHeight { get; set; }

Property Value

string

RowSpacing

The overall padding and row spacing between rows, in pixels.

Declaration

cs-api-definition
[Parameter]
public string RowSpacing { get; set; }

Property Value

string

TileLayoutItems

Defines the container tag for the TileLayout items.

Declaration

cs-api-definition
[Parameter]
public RenderFragment TileLayoutItems { get; set; }

Property Value

RenderFragment

Width

Defines the Tile Layout width as a CSS value. If not set, the component will expand horizontally to fill its parent.

Declaration

cs-api-definition
[Parameter]
public string Width { get; set; }

Property Value

string

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

cs-api-definition
protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder

RenderTreeBuilder

Overrides ComponentBase.BuildRenderTree(RenderTreeBuilder)

Dispose()

Declaration

cs-api-definition
public override void Dispose()

Overrides BaseComponent.Dispose()

GetState()

Gets the current state of the component (tiles order, size).

Declaration

cs-api-definition
public TileLayoutState GetState()

Returns

TileLayoutState

OnAfterRenderAsync(bool)

Declaration

cs-api-definition
protected override Task OnAfterRenderAsync(bool firstRender)

Parameters

firstRender

bool

Returns

Task

Overrides BaseComponent.OnAfterRenderAsync(bool)

SetParametersAsync(ParameterView)

Declaration

cs-api-definition
public override Task SetParametersAsync(ParameterView parameters)

Parameters

parameters

ParameterView

Returns

Task

Overrides ComponentBase.SetParametersAsync(ParameterView)

SetState(TileLayoutState)

Sets a new state to the component (tiles order and size). Items from the state are applied sequantially to the tiles in the markup.

Declaration

cs-api-definition
public void SetState(TileLayoutState source)

Parameters

source

TileLayoutState

In this article
DefinitionConstructorsTelerikTileLayout()PropertiesColumnSpacingColumnWidthColumnsHeightNavigableOnReorderOnResizeReorderableResizableRowHeightRowSpacingTileLayoutItemsWidthMethodsBuildRenderTree(RenderTreeBuilder)Dispose()GetState()OnAfterRenderAsync(bool)SetParametersAsync(ParameterView)SetState(TileLayoutState)
Not finding the help you need?
Contact Support