GridButtonColumn rounded corners

[Fit2Page]

Hi,

 

When I use Bootstrap cssclass on GridButtonColumn like this:

<telerik:GridButtonColumn ItemStyle-Width="5%" ButtonCssClass="btn btn-success btn-sm" CommandName="Edit" UniqueName="btnEdit" ButtonType="PushButton" />

Initially the buttons are styled OK but onpostback the corners get rectangled instead of rounded.

This not the case when a button is outside RadGrid.

 

Please refer to attached screenshots.

 

Marc

[Attila Antal]

Hi Marc,

I've tried to replicate the issue on my side to no avail. You can check out the attached WebForms page I have used to test this scenario. In order to provide you with a more accurate answer, we would require more details about the current configuration. Since the issue is concerning the Visual Appearance, most likely there is a conflict when using Skins, different RenderMode, external/custom CSS styles.

I can recommend a useful Blog post that can guide you through troubleshooting a Web app using the Browsers Devtools, and that way you may get a better understanding or even find the cause for the issue. Please check out the Improve Your Debugging Skills with Chrome DevTools

Kind regards,
Attila Antal
Progress Telerik