Alignment of Update/Cancel buttons in a popup editor

[louis]

How do I align those buttons to the right, which are otherwise defaulted to the left

[louis]

Anyone?

[Petur Subev]

Hello Louis,

I assume that you are talking about Popup editing - if so such customization is not supported out-of-the-box. 

You can manually "move" this buttons to the right with jQuery when the edit event of the Grid occurs.

e.g.

function onGridEdit(e){
      e.container.find('.k-grid-update,.k-grid-cancel').css('float','right');
}

Regards,
Petur Subev
the Telerik team

[Robert]

Petur, when I implement this jQuery the buttons go to the right but the Cancel button is now to the left of the Update button. How do I get the buttons on the right and remain in the Update, Cancel positioning?

[Vladimir Iliev]

Hi Louis,

You can swap the buttons using jQuery - please check the example below:

function onGridEdit(e) {
    e.container.find(".k-grid-update,.k-grid-cancel").css("float", "right");
    updateButton = e.container.find(".k-grid-update").remove();
    $(".k-grid-cancel").after(updateButton);
}

Kind Regards,
Vladimir Iliev
the Telerik team