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

how to assign custom icons to window actions

1 Answer 305 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Marcel asked on 28 Dec 2012, 09:29 AM
How can I assign a custom icon to an action and change it when clicked?

So far I have the window opening and I have successfully attached the click events - now how do I change the icon after it has been clicked (and before).

    actions: ["Expand", "Custom", "Close"],
    draggable: true,
    height: "500px",
    width: "300px",
    minHeight: 500,
    minWidth: 250,
    modal: true,
    visible: true,
    resizable: true,
    title: "Explorer",
    close: onCloseWin
var kendoWindow = $("#idExplorerReal").data("kendoWindow");
var vv = kendoWindow.wrapper.find(".k-i-custom"); (e) {
var vv2 = kendoWindow.wrapper.find(".k-i-expand"); (e) {

One more question....

How exactly does this .data("kendoWindow") work?  Does Kendo places a reference to itself in the jQuery .data() action of the element that is transformed to a Kendo Window?


1 Answer, 1 is accepted

Sort by
Telerik team
answered on 28 Dec 2012, 03:11 PM
Hi Marcel,

Please refer to the following demo, which is based on your code snippet:

It is up to you to create the algorithm, which will remove the additional "clicked" class to restore the initial icon.

We use the .data() method to attach, store and retrieve the Kendo widgets' client objects to/form the respective DOM element. You can find more information about this method at

All the best,
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question