Grid is missing border radius with bootstrap theme

2 posts, 0 answers
  1. Holger
    Holger avatar
    77 posts
    Member since:
    Nov 2012

    Posted 10 Sep 2014 Link to this post

    Hello,

    The grid is missing the 4px border-radius at the header, group-header and pager elements when using the bootstrap theme.

    This counts also for the scheduler widget. The issue can be reproduced with the Kendo UI Bootstrap demo. I also attached a screenshot.

    Regards
    Holger
  2. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 12 Sep 2014 Link to this post

    Hi Holger,

    Indeed, some descendants of the elements you mentioned must also have a border radius style, so that the rounded corners look good. The issue is now fixed in our code, please use the following styles by the time you upgrade to the next Kendo UI version:


    .k-grid > .k-grouping-header,
    .k-grid-header:first-child,
    .k-grid-toolbar:first-child,
    .k-scheduler > .k-scheduler-toolbar:first-child
    {
        border-radius: 3px 3px 0 0;
    }
     
    .k-grid-header:first-child th.k-header:first-child,
    thead.k-grid-header th.k-header:first-child,
    .k-rtl thead.k-grid-header th.k-header:last-child
    {
        border-radius: 3px 0 0 0;
    }
     
    .k-rtl .k-grid-header:first-child th.k-header:first-child,
    .k-rtl thead.k-grid-header th.k-header:first-child,
    thead.k-grid-header th.k-header:last-child
    {
        border-radius: 0 3px 0 0;
    }
     
    .k-grid-pager,
    .k-scheduler-footer
    {
        border-radius: 0 0 3px 3px;
    }

    I have updated your Telerik points. Thank you.


    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top