[Solved] Grid Command Buttons in IE

[Philip Senechal]

Hello,

Please look at the following page with Chrome and also IE 7
http://demos.telerik.com/aspnet-mvc/razor/Grid/EditingAjax?theme=vista

Can you explain to me how to make the width of the Command buttons (Edit and Delete) in each row consistent? As you can see, IE 7 makes them much wider than in Chrome. I have tried countless CSS combinations as well as adding a .HtmlAttributes on the command buttons themselves, but I can't seem to figure out how to change it on IE.

Thanks.

[Dimo]

Hello Philip,

The buttons have the same width in IE7 and Chrome on my side (see the screenshot). Am I missing something?

Regards,
Dimo
the Telerik team

[Philip Senechal]

Sorry...I should have said to look at the Image button (no text)

[Dimo]

Hello Philip,

Thanks for the clarification. The issue is fixed now and changes will take effect in the next internal build.

In the meantime, you can use the following CSS rule to shrink the buttons:

html body div.t-grid tbody .t-button-icon
{
    min-width: 0;
    width: auto;
}

I have updated your Telerik points for bringing the issue to our attention.

Greetings,
Dimo
the Telerik team