How to set a Title for Kendo confirmation in MVC?

Question

I need to display a correct title for my kendo confirmation box.

I have the following logic:

if ((Math.abs(newAmount) < Math.abs(Amount)) && newAmount != 0)
{            
     kendo.confirm(msg).then(function () {
                SaveData();
     }, function () {
     });
}
else {
        SaveData();
}

Every time confirmation is displayed I have "localhost" value in that.

How do I set it up, so it displays what I need.

I went through a lot of tutorials on Kendo. There are different ways offered, however, in my case I need to use kendo.confirm logic.

How do I do that?

score 0 · Answer 1 · answered Nov 02 '18 at 15:09

I had the same problem with my Kendo Alert, I fixed it with the following solution:

myalert("mytext"); 

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

See my question and answer: How do I change the Kendo alert title?

score 0 · Answer 2 · answered Nov 03 '18 at 11:49

It is not possible to do this through JS.

However, you can achieve this by CSS.

.k-confirm .k-window-titlebar::before {
    content: 'Confirmation';
}

.k-confirm .k-window-titlebar .k-dialog-title {        
  display:none;
}

Override the Kendo CSS, content: 'Confirmation'; is the title of kendo.confirm.

score 0 · Answer 3 · edited Nov 07 '18 at 21:21

for me these work

function k_alert(id, title, message){
    //var title = "Operazione Non consentita.";
    //var message = " Soltanto il venditore autore dell'offerta puo cancellare il record.";
    var out ='<div id="' + id + '"></div>';
    var objtemplate = $(out).appendTo("body");
    eval(objtemplate);
    $("#" + id).kendoAlert({    
        title: title,
        content: message,
        messages:{
            okText: "OK"
        }
    }).data("kendoAlert").open()
    $("#" + id).siblings(".k-window-titlebar.k-dialog-titlebar.k-header").children("span").css("visibility", "visible"); 
}

function k_confirm(id, title, message){
    //var title = "Operazione Non consentita.";
    //var message = " Soltanto il venditore autore dell'offerta puo cancellare il record.";
    var out ='<div id="' + id + '"></div>';
    var objtemplate = $(out).appendTo("body");
    eval(objtemplate);
    $("#" + id).kendoConfirm({    
        title: title,
        content: message,
        messages:{
            okText: "OK"
        }
    }).data("kendoConfirm").open()
    $("#" + id).siblings(".k-window-titlebar.k-dialog-titlebar.k-header").children("span").css("visibility", "visible"); 
}

How to set a Title for Kendo confirmation in MVC?

3 Answers3