New to Kendo UI for Angular? Start a free 30-day trial


ProductProgress® Kendo UI for Angular TileLayout


How can I focus the TextBox component or input element inside the TileLayout item header?


The solution is a temporary workaround for a bug in the TileLayout component(see bug report).

  1. Add a TextBox or an input element inside the TileLayoutItemHeader.

  2. Disable or enable the reorderable functionality depending on the mouseenter and mouseleave events of the input element used in the item header.

The following example shows the full implementation of the demonstrated approach.

View Source
Change Theme:

In this article

Not finding the help you need?