GridButtonColumn rounded corners

2 posts, 0 answers
  1. Fit2Page
    Fit2Page avatar
    427 posts
    Member since:
    Feb 2007

    Posted 21 Jan Link to this post

    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

  2. Attila Antal
    Admin
    Attila Antal avatar
    302 posts

    Posted 23 Jan Link to this post

    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
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top