skip navigation
  • Product Bundles

    DevCraft

    All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:

    • NEW: Design Kits for Figma
    • Online Training
    • Document Processing Library
    • Embedded Reporting for web and desktop

    Web

    Kendo UI UI for jQuery UI for Angular UI for React UI for Vue UI for Blazor UI for ASP.NET Core UI for ASP.NET MVC UI for ASP.NET AJAX

    Mobile

    UI for .NET MAUI UI for Xamarin

    Document Management

    Telerik Document Processing

    Desktop

    UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF

    Reporting

    Telerik Reporting Telerik Report Server

    Testing & Mocking

    Test Studio Test Studio Dev Edition Telerik JustMock

    CMS

    Sitefinity

    UI/UX Tools

    ThemeBuilder Design System Kit Templates and Building Blocks

    Debugging

    Fiddler Fiddler Everywhere Fiddler Classic FiddlerCap FiddlerCore

    Free Tools

    VB.NET to C# Converter Testing Framework
    View all products
  • Overview
  • Demos
  • Blazor Hybrid
    • What's New
    • Roadmap
    • Release History
  • Support and Learning

    • Support and Learning Hub
    • Blazor Tutorials and Learning
    • First Stepswith Blazor Web Assembly
    • First Steps with Blazor Server
    • First Steps with Blazor Hybrid
    • Accessibility and Security
    • Submit a Ticket
    • FAQs

    Docs & Resources

    • Docs
    • Demos
    • Modernization and Migration
    • Virtual Classroom
    • Forums
    • Videos
    • Blogs

    Productivity and Design Tools

    • REPL for Blazor
    • ThemeBuilder
    • Design System Documentation
    • Figma Kits
    • Visual Studio Extensions
    • Visual Studio Code Extensions
    • Embedded Reporting
  • Pricing
  • Shopping cart
    • Account Overview
    • Your Licenses
    • Downloads
    • Support Center
    • Forum Profile
    • Payment Methods
    • Edit Profile
    • Log out
  • Login
  • Contact Us
  • Try now

Class TelerikTileLayout

The class for the Telerik TileLayout component.

Inheritance
System.Object
BaseComponent
TelerikTileLayout
Inherited Members
BaseComponent.ShouldRender()
BaseComponent.OnInitializedAsync()
BaseComponent.InitLocalizer()
BaseComponent.ThrowIfParameterIsNull(Object, String)
BaseComponent.HaveOptionsChanged(IDictionary<String, Object>, IDictionary<String, Object>)
BaseComponent.GetClassString(String[])
BaseComponent.InvokeAsync<T>(String, Object[])
BaseComponent.InvokeAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidAsync(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidComponentMethodAsync(String, Object[])
BaseComponent.InvokeComponentVoidMethodAsync(String, Object)
BaseComponent.InvokeDisposeAsync()
BaseComponent.StateHasChanged()
BaseComponent.RootComponent
BaseComponent.Class
Namespace: Telerik.Blazor.Components
Assembly: Telerik.Blazor.dll

Syntax

public class TelerikTileLayout : BaseComponent, IDisposable, ITileLayoutItemContainer

Constructors

TelerikTileLayout()

Declaration
public TelerikTileLayout()

Properties

Columns

The number of columns in the TileLayout.

Declaration
public int Columns { get; set; }
Property Value
System.Int32

ColumnSpacing

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

Declaration
public string ColumnSpacing { get; set; }
Property Value
System.String

ColumnWidth

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

Declaration
public string ColumnWidth { get; set; }
Property Value
System.String

Height

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

Declaration
public string Height { get; set; }
Property Value
System.String

Navigable

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

Declaration
public bool Navigable { get; set; }
Property Value
System.Boolean

OnReorder

Event raised when an item is reordered.

Declaration
public EventCallback<TileLayoutReorderEventArgs> OnReorder { get; set; }
Property Value
Microsoft.AspNetCore.Components.EventCallback<TileLayoutReorderEventArgs>

OnResize

Event raised when an item is resized.

Declaration
public EventCallback<TileLayoutResizeEventArgs> OnResize { get; set; }
Property Value
Microsoft.AspNetCore.Components.EventCallback<TileLayoutResizeEventArgs>

Reorderable

Defines if reordering of tiles is enabled.

Declaration
public bool Reorderable { get; set; }
Property Value
System.Boolean

Resizable

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

Declaration
public bool Resizable { get; set; }
Property Value
System.Boolean

RowHeight

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

Declaration
public string RowHeight { get; set; }
Property Value
System.String

RowSpacing

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

Declaration
public string RowSpacing { get; set; }
Property Value
System.String

TileLayoutItems

Defines the container tag for the TileLayout items.

Declaration
public RenderFragment TileLayoutItems { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

Width

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

Declaration
public string Width { get; set; }
Property Value
System.String

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder __builder

Dispose()

Declaration
public override void Dispose()
Overrides
BaseComponent.Dispose()

GetState()

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

Declaration
public TileLayoutState GetState()
Returns
TileLayoutState

OnAfterRenderAsync(Boolean)

Declaration
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters
System.Boolean firstRender

Returns
System.Threading.Tasks.Task

Overrides
BaseComponent.OnAfterRenderAsync(Boolean)

SetParametersAsync(ParameterView)

Declaration
public override Task SetParametersAsync(ParameterView parameters)
Parameters
Microsoft.AspNetCore.Components.ParameterView parameters

Returns
System.Threading.Tasks.Task

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
public void SetState(TileLayoutState source)
Parameters
TileLayoutState source

Getting Started
  • Client-side Blazor
  • Server-side Blazor
  • Demos
Community
  • Forums
  • Blogs
  • Feedback Portal
Support Resources
  • Demos
  • Knowledge Base
  • Samples Repo
  • Localizations Repo
Sample Applications
  • Dashboard
  • PWA - Stocks
  • PWA - Blazing Coffee Roasters

Copyright © 2019 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.