This is a migrated thread and some comments may be shown as answers.

Window - Customizing Actions

2 Answers 60 Views
Window
This is a migrated thread and some comments may be shown as answers.
Joon-Sae
Top achievements
Rank 1
Joon-Sae asked on 23 Jan 2018, 09:46 PM

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 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 24 Jan 2018, 01:51 PM
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.
0
Joon-Sae
Top achievements
Rank 1
answered on 24 Jan 2018, 02:37 PM
Awesome, thank you!
Tags
Window
Asked by
Joon-Sae
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Joon-Sae
Top achievements
Rank 1
Share this question
or