ComboBox is inheriting style from RadGrid using Bootstrap theme

2 posts, 0 answers
  1. Sam Tran
    Sam Tran avatar
    83 posts
    Member since:
    Nov 2006

    Posted 11 Jun 2015 Link to this post


     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??



  2. Magdalena
    Magdalena avatar
    463 posts

    Posted 16 Jun 2015 Link to this post

    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;

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top