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");

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");

• javascript
• jquery
• kendo-ui
• alert
• kendo-asp.net-mvc

• use css hide title – Sooriya Dasanayake Commented Oct 26, 2018 at 11:35
• Thanks for your comment, I already found a solution. See my answer below. – Rico Koldi Commented Oct 29, 2018 at 8:46

3 Answers 3

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.

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();

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

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