How do I change the Kendo alert title?

Question

I'm using a Kendo alert and want to change the title of it. The default title is the url name, see link(image) below. I want to use my own title, how do I change this?

Image Kendo alert

The kendo alert:

kendo.alert("mytext");

Cerys

use css hide title – Noguchi

Thanks for your comment, I already found a solution. See my answer below. – Cerys

Answer 1

I found a solution to change the title, I did the following:

myalert("mytext"); 

function myalert(content) {
    $("<div></div>").kendoAlert({
        title: "mytitle!",
        content: content
    }).data("kendoAlert").open();
}

Result: Image Kendo alert custom title

I hope this answer helps a lot of people with the same problem.

Cerys

Thanks a lot, it helped me to also set a few other properties while keeping the convenience of predefined kendo "alert" method. – Bulter

Answer 2

As Kendo Alert inherits from Kendo Dialog, you can update the title with the title() method:

kendo.alert("Hello!").element.getKendoAlert().title("new title");

https://dojo.telerik.com/EGOKeQAl

You can chain the center() method if the alert is not centered after the title change.

kendo.alert("Hello!").element.getKendoAlert().title("new title").center();

Ruhnke

Answer 3

you cannot change the Title it's possible to hide it using css:

.k-dialog .k-window-titlebar .k-dialog-title {
        visibility: hidden;
    }

Noguchi