Window Custom Icon

[Marc]

Hi, I've added some custom icons as specified in your docs. I have added this icon .k-i-arrow-n.

However, some content inside my window also has that class (Kendo Dropdowns).

I have added a function to this class using the demo in your docs - window.wrapper.find(".k-i-arrow-n").click(function (e) { - but this function runs when I click the dropdown buttons as well.

Is there a way to resolve this please?

[Ori]

Hello Marco!

Have you tried window.wrapper.find(".k-i-arrow-n:first")... ?

[Marc]

Hi Ori!

I hadn't - I'm awful at jQuery! I guess this would work fine though. Thanks!

My solution was to find the window action area first - .window.wrapper.find(".k-window-actions").find(".k-i-arrow-n")

I think Kendo should maybe add this as an alternative in their documents - it guarantees that you only check the icon area.

Thanks again!

 

[Marc]

Hey!

No I hadn't - I'm awful at jQuery!

Thanks though - I'm sure this will work! I found the icon area first - .window.wrapper.find(".k-window-actions").find(".k-i-arrow-n")

I think Kendo should add this to their docs, as it guarantees that you only check the icon area for the custom icon.

 

[Stefan]

Hello Marc,

Thank you for the suggestion.

This is not added, as there are many different elements which can be selected via jQuery in our widgets and providing the selectors for all of them can be very confusing when searching the relevant information.

We have an article describing the naming convention used for our widgets, so it can be easier to find and select the desired element:

http://docs.telerik.com/kendo-ui/styles-and-layout/appearance-styling#common-css-classes

Still, we will consider adding more example based on the community demand.

And I would like to thank Ori for providing the needed information.

Regards,
Stefan
Telerik by Progress