Popup editor css issues

[tj]

I'm using an editor template for popup editing and have everything working just the way I want it to but style and css have been a tooth and nail struggle all the way. The Update & Cancel buttons on my form aren't created by my code so I don't have direct access to manipulate their position. The following code snippet works great if I tell it to float left, but float right, which is what I want, only floats it half way.

.k-edit-buttons {
    float: right;
}

All the examples of this I've seen lead me to believe float right is probably the default, unfortunately, all the examples I've seen are small forms allowing the user to update three or four fields. If that was all I had I'd use inline editing. My form has a width of 860px. This is my fourth attempt to post this issue as the page keeps locking up. I will attach my two cshtml files.

Please Help.

[tj]

By the way this

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);}

doesn't work either.

[tj]

I have found several ways to get to the css to set the float right attribute, the issue is, it only floats half way to the right, which makes it look centered.

[Tim]

Figured it out, this works

function onEdit(e) {
     $('[class^=k-edit-buttons]').css('width', '1125px');
     ....

You would think that these css classes would inherit from their parent