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

Environment

ProductProgress® Kendo UI for Angular TileLayout

Description

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

Solution

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.

Example
View Source
Change Theme:

In this article

Not finding the help you need?