Focus the TextBox inside the TileLayout Item Header

Environment

Product

Progress® 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.

Change Theme

Theme

Loading ...