Customize Update/cancel button in popup edit mode

[Erlend]

Hi, 

Is there a way to customize buttons in the grid popup editmode?

I have looked through code for creating the popup window and it seems that the buttons are appended regardless to the html before creating the window.
ie.: 
html += that._createButton("update") + that._createButton("canceledit");
            html += '</div></div>';

I want to change to position, icons and text but keeping the functionality.

I tried changing content on open event, but this seems not to be the best approach.
i.e: 

 open: function (e)
        {
          // TODO: fikse knapper: 
          // debugger;
          var content = $(e.sender.content());
          content.find(".popup-fieldset-wrapper").append(content.find(".k-button"));
          content.find(".k-button").wrapAll("<div class='buttons' style='float: right;'/>");
          content.find(".k-button.k-grid-update").addClass("save");
          content.find(".k-button.k-grid-cancel").addClass("cancel");
          e.sender.content(content); //at first i was converting content back to html(), but seems much better when just putting the jQuery object into content. 
          //          e.sender.center();
        }

However this method looses the mvvm binding and the widgets looses its functionality!
Any help appreciated.

[Ross]

I have the same need.  I need to right justify the update/cancel buttons on my edit popup from a kendo grid.  Anyone?

[Jon]

I have very similar needs, in that I want to apply some styles/class to the Update and Cancel buttons on the pop up editor form.  Any thoughts?

[Alexander Valchev]

Hello guys,

The text of the controls in popup/editing mode can be customized through the configuration options. For more information and code sample please check this help topic.

If you want to attach specific class name or inline style you may hook up to the edit event of the Grid and use jQuery. As an example:

edit: function(e) {
    e.container.find(".k-button.k-grid-update"); //update button
    e.container.find(".k-button.k-grid-cancel"); //cancel button
}

I hope this information will help.

Regards,
Alexander Valchev
the Telerik team

[Kenn.]

Your link to the help topic has died. 

[Martin]

Here is the updated link to the resource.