Slot template with input - input can't be unfocused

2 posts, 0 answers
  1. Boris
    Boris avatar
    15 posts
    Member since:
    Aug 2015

    Posted 14 Jul Link to this post

    Hello,

    I have modified this example working with slot template:

    http://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/set-slot-background-color-using-slot-templates

    The modification was to add an input into the slot template, so the slot template looks like this:

    "<div style='background:#=getColorBasedOnHour(date)#; height: 100%;width: 100%;'><input/></div>"

    When I click in the input, it receives focus. However, when I click somewhere else in the scheduler, the input is still focused. To unfocus the input, I have to click outside the area of the scheduler.

    I want to unfocus the input when I click somewhere inside the scheduler. Is it possible?

    Thanks for answers,

    Boris

  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 18 Jul Link to this post

    Hi Boris,

    To able to move the focus you need to have focusable element or custom logic that to track clicks on the toolbar for example and manually blur the editor in question. Currently we have no such example, however you can achieve this using jQuery.

    Regards,
    Vladimir Iliev
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
Back to Top