Append Close button to Window

[Ruairi]

Using javasript I programatically create my dialogs as show below. In the JavaScript I  want to append a Close button to the bottom of the content of each dialog. Is this possible?

function kendoDialogCreate(dialogName) {
var dialog =
    $("#" + dialogName).kendoWindow({
      width: "800px",
      title: "",
      modal: true,
      actions: ["Custom", "Close", "Minimize", "Maximize"],
      visible: false,
      close: kendoDialogDeactivate,
      refresh: kendoDialogRefresh,
      error: kendoDialogError
    });

//Add close button here???

}

[Alexander Valchev]

Hello Tyler,

It is possible to append a custom button to the bottom of the window in the following way:

$("#wnd").kendoWindow({
    width: "800px",
    title: "",
    modal: true,
    actions: ["Custom", "Close", "Minimize", "Maximize"],
    visible: false
}).data("kendoWindow")
.element
.append($('<a class="k-button">button</a>')); //append button

In order to close the window you should hook up to the click event of that button and use the close method to close the widget.

Regards,
Alexander Valchev
Telerik

 

 

[Ruairi]

Thanks for reply. However I found the real problem. After creating the dialog I call javascript methods to refresh its content with a specific URL as below

dialog.refresh({
      url: url,
      data: urlData
    });

This was refreshing the dialog content thus removing the Close button I added. To get around this in the refresh event I added the button to close the dialog using the following:

//Add the Close button after refresh
    $("#" + dialogName).append("<button id='" + closeBtnName + "' class='k-button saveButtonRight'>Close</button>");
    $("#" + closeBtnName).click(function () {
      dialog.close();
    });

Happy Days it works!