This is a migrated thread and some comments may be shown as answers.

Alignment of Update/Cancel buttons in a popup editor

4 Answers 503 Views
Grid
This is a migrated thread and some comments may be shown as answers.
louis
Top achievements
Rank 1
louis asked on 13 Dec 2012, 02:46 AM
How do I align those buttons to the right, which are otherwise defaulted to the left

4 Answers, 1 is accepted

Sort by
0
louis
Top achievements
Rank 1
answered on 14 Dec 2012, 08:02 AM
Anyone?
0
Accepted
Petur Subev
Telerik team
answered on 14 Dec 2012, 08:34 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Robert
Top achievements
Rank 1
answered on 09 Jan 2013, 11:18 PM
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?
0
Vladimir Iliev
Telerik team
answered on 11 Jan 2013, 12:58 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
louis
Top achievements
Rank 1
Answers by
louis
Top achievements
Rank 1
Petur Subev
Telerik team
Robert
Top achievements
Rank 1
Vladimir Iliev
Telerik team
Share this question
or