• Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup

KendoReact TileLayout Overview

The KendoReact TileLayout component is based on the two-dimensional CSS Grid and is able to display content in tiles. They can be resized and reordered as desired by the user.

It features draggable and resizable items (tiles), static ones, various auto flows, fixed widths and heights, number of columns and many more.

React TileLayout Demo Preview

View Source
Edit In Stackblitz  
Change Theme:

This demo also showcases other KendoReact components, namely the Grid and Chart components. The types of React Charts shown here are Line charts and a Donut chart, which is a variation of the React Pie chart.

Some of the features implemented:

React TileLayout Features

  • Auto Flows allows you to specify the flowing of items that get placed by the auto-placement algorithm.
  • Tiles settings these options allow you to customize the behaviour of the tiles in the TileLayout.
  • Globalization a process that translates component messages and adapts to match local standards.
  • Resizable tiles they can be resized into wider or taller ones.
  • Reorderable tiles they can be dragged and reordered across the layout.

KendoReact Trial Version and Commercial License

This React TileLayout component is part of KendoReact, a commercial UI library. You are welcome to explore its full functionality and get technical support from the team when you register for a free 30-day trial. To use it commercially, you need to purchase a license. Feel free to review the KendoReact License Agreement to get acquainted with the full terms of use.

Starting from version 4.0.0, using any of the UI components in the KendoReact library requires either a commercial license key or an active trial license key. Follow the instructions on the KendoReact My License page to activate your license.

Support Options

For any issues you might encounter while working with the KendoReact TileLayout, use any of the available support channels:

  • KendoReact license holders and active trialists can take advantage of our outstanding customer support delivered by the developers building the library. To submit a support ticket, use the KendoReact dedicated support system.
  • KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
  • KendoReact feedback portal and KendoReact roadmap provide information on the features in discussion and also the planned ones for release.
  • KendoReact uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
  • You may still need a tailor-made solution for your project. In such cases, go straight to Telerik Services.