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

    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!

  2. Magdalena
    Admin
    Magdalena avatar
    421 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;
    }


    Regards,
    Magdalena
    Telerik
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top