Window - Customizing Actions

3 posts, 0 answers
  1. Joon-Sae
    Joon-Sae avatar
    17 posts
    Member since:
    Mar 2014

    Posted 23 Jan 2018 Link to this post

    Hello, the latest and greatest seems to have broken customizing actions.

    You can see it on your demo page.

    Clicking the custom icon there should pop up an alert but it doesn't

    https://demos.telerik.com/kendo-ui/window/actions#

  2. Dimitar
    Admin
    Dimitar avatar
    796 posts

    Posted 24 Jan 2018 Link to this post

    Hello Joon-Sae,

    I can confirm that the issue is related to a known bug. It can be reproduced only with the Kendo UI Less Themes, and is caused by the pointer-events: "none" style that is applied to the .k-icon class for the respective themes. This is logged in the Kendo UI GitHub repository and you can start tacking the progress that we make on it from issue #3927.

    In general, the recommended approach is to attach the click event handler to the button element (the <a> tag) and not the icon(.k-icon-x). This can be achieved as follows:
    <script>
      myWindow.data("kendoWindow").wrapper.find(".k-i-custom").parent().click(function (e) {
        alert("Custom action button clicked");
        e.preventDefault();
      });
    </script>

    We will modify the Window Actions Demo, so that the above approach is incorporated in the example in order to prevent confusion in the future.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Joon-Sae
    Joon-Sae avatar
    17 posts
    Member since:
    Mar 2014

    Posted 24 Jan 2018 in reply to Dimitar Link to this post

    Awesome, thank you!
Back to Top