• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheetnew
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanelnew
      • GridLayoutnew
      • Menu
      • PanelBar
      • Splitter
      • StackLayoutnew
      • Stepper
      • TabStrip
      • TileLayoutupdated
      • Wizard
      • Globalization
      • API
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

TilePosition

Specifies the position of each tile.

NameTypeDefaultDescription

col

number

(Required) Defines on which column-line the TileLayoutItem will start. It is required in order reordering and resizing functionalities to work as expected as they rely on it.

colSpan?

number

Specifies how many columns will the TileLayoutItem spans. Defaults to 1.

order?

number

Defines the order index of the TileLayoutItem. If not set, items will receive a sequential order.

row?

number

Defines on which row-line the TileLayoutItem will start.

rowSpan?

number

Specifies how many rows will the TileLayoutItem spans. Defaults to 1.

In this article

Not finding the help you need?