ComboBox is inheriting style from RadGrid using Bootstrap theme

[Sam]

Hi,

 I've removed the column borders of RadGrids with this:

.RadGrid_Bootstrap .rgRow td, .RadGrid_Bootstrap .rgEditRow td, .RadGrid_Bootstrap .rgFooter td
{
    border-left-style: none !important;
}

This works fine with other themes, but using Bootstrap, the left of the RadComboBox disappears.  See image "RadCombo2.PNG"

I can tell it is inheriting the grid style because if I change the above css to this:

.RadGrid_Bootstrap .rgRow td, .RadGrid_Bootstrap .rgEditRow td, .RadGrid_Bootstrap .rgFooter td
{
    border-left-style: dotted !important;
}

 

 

 

Then it looks like image "RadCombo1.PNG"

How do I keep the grid column lines hidden, but keep the RadCombo full border??

 

Thanks!

[Magdalena]

Hello Sam,

We recommend you to specify the selector more definite. You can add ">" symbol to specify only these td elements, which are direct children of rgRow. So the selector will be as the following:

.RadGrid_Bootstrap .rgRow > td,
.RadGrid_Bootstrap .rgEditRow > td,
.RadGrid_Bootstrap .rgFooter > td {
    border-left-style: none !important;
}

Regards,
Magdalena
Telerik