Dialog change kendo.confirm title

8 posts, 1 answers
  1. Matjaž
    Matjaž avatar
    80 posts
    Member since:
    Jul 2015

    Posted 04 Oct Link to this post

    Please open Dialog form.

    How can I change title for dialog opened with kendo.confirm(... ?

    May I suggest that you extend kendo.confirm method with optional second parameter for title.

     

  2. Eduardo Serra
    Admin
    Eduardo Serra avatar
    50 posts

    Posted 04 Oct Link to this post

    Hello Matjaž,

    It is not possible to change the title for a dialog opened with kendo.confirm. Generally, the browser's confirm dialog supports only a single parameter, the text, so that you can't change the title; take a look at Mozilla's documentation for example.

    With the kendo.confirm, we are trying to imitate this behavior. If you still believe the developers should consider adding this feature in future releases, I encourage you to participate in the Kendo UI Feedback and Feature Request Portal and express your opinion.

    I hope this helps.

    Regards,
    Eduardo Serra
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
  4. Answer
    Jonathan
    Jonathan avatar
    11 posts
    Member since:
    Feb 2016

    Posted 04 Oct Link to this post

    Hello!

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

    .k-dialog .k-window-titlebar .k-dialog-title {
            visibility: hidden;
        }
  5. Jonathan
    Jonathan avatar
    11 posts
    Member since:
    Feb 2016

    Posted 04 Oct in reply to Jonathan Link to this post

    I suggest you hide some css to shrink it too because that result in a huge margin up top.
  6. Matjaž
    Matjaž avatar
    80 posts
    Member since:
    Jul 2015

    Posted 05 Oct Link to this post

    Thank you.
  7. Ben
    Ben avatar
    7 posts
    Member since:
    Nov 2015

    Posted 17 Oct Link to this post

    If you want to replace the text of the kendo.confirm title, this CSS is working for me:

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

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

    I hope this helps,

    Ben

     

  8. Matt
    Matt avatar
    6 posts
    Member since:
    May 2011

    Posted 27 Oct in reply to Ben Link to this post

    I had been using the MVC server wrappers however I also found you cannot set the title, however using the kendo.ui.Confirm you can use the following;

     

    function onArchiveCustomer(e) {
        ....
        $("#confirm").kendoConfirm({
            title: "Archive",
            content: "Are you sure you want to <strong>Archive</strong> this Customer?",
            messages:{
                okText: "Archive"
            }
        }).data("kendoConfirm").result.done(function()
        {
          ......
  9. Matt
    Matt avatar
    6 posts
    Member since:
    May 2011

    Posted 27 Oct in reply to Ben Link to this post

     
    function onArchiveCustomer(e) {
            ....
            $("#confirm").kendoConfirm({
                title: "Archive",
                content: "Are you sure you want to <strong>Archive</strong> this Customer?",
                messages:{
                    okText: "Archive"
                }
            }).data("kendoConfirm").result.done(function()
            {
             ...

     

    Using the code above utilising the kendo.ui.Confirm you can set the title, previously I was using the MVC server wrappers but also found there was no way to set the title.  Hope this helps ...

Back to Top
Kendo UI is VS 2017 Ready