Grid is missing border radius with bootstrap theme

[Holger]

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

[Dimo]

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