Set Title for Update and Cancel command buttons

[Genadij]

Hi,

I can set Title HtmlAttribute for Edit and Destroy command button in Grid like:

                                command.Edit().HtmlAttributes(new { title = "Edit Row" });
                                command.Destroy().HtmlAttributes(new { title = "Delete Row" });

But I cannot find the way to set Title for buttons "Update" and "Cancel" which appears during editing.

Kind regards

Genadij

 

 

 

 

[Viktor Tachev]

Hello Genadij,

In order to customize the text for the Update and Canecel buttons you should use the UpdateText and Cancel text methods. Please check out the code snippet below that illustrates the approach:

command.Edit().UpdateText("custom update text").CancelText("cancel text");

Regards,
Viktor Tachev
Telerik by Progress

[Genadij]

Dear Victor,

Sorry, but my question was about how to set HtmlAttribute "Title" but not for how to set Text for the command buttons "Update" and "Cancel"

All command buttons in my project - "edit", "destroy", "update" and "cancel" -  have no text, only icons.

HtmlAttribute "title" allows to display "tooltip" on button's hover like "Edit Row", "Delete Row". 

It is possible to set "title" for 2 buttons - Edit and Destroy within widget configuration code, like:

    command.Edit().HtmlAttributes(new { title = "Edit Row" });
    command.Destroy().HtmlAttributes(new { title = "Delete Row" });

Another 2 buttons - Update and Cancel appear during runtime in Inline Edit Mode and I cannot find the way how to set "Title" for these 2 buttons.

Thank you.

[Viktor Tachev]

Hello Genadij,

Thank you for clarifying your requirement. 

In order to set the title attributes for the buttons you can use the following approach. Handle the edit event for the Grid. In the handler you can get reference of the buttons via jQuery and customize their attributes as required.

.Events(e=>e.Edit("onEdit"))

function onEdit(e) {
    var updateBtn = $(".k-grid-update");
    var cancelBtn = $(".k-grid-cancel");

    updateBtn.attr("title", "custom update title");
    cancelBtn.attr("title", "cancel button title");

}

Regards,
Viktor Tachev
Telerik by Progress