New to Kendo UI for Angular? Start a free 30-day trial
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).
-
Add a TextBox or an input element inside the TileLayoutItemHeader.
-
Disable or enable the reorderable functionality depending on the
mouseenterandmouseleaveevents 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:
