VERTICAL GRID LINES NOT SHOWING UP IN RAD GRID(DEFAULT SKIN)

5 posts, 0 answers
  1. Ajay
    Ajay avatar
    66 posts
    Member since:
    May 2009

    Posted 29 Jun 2009 Link to this post

    Hi Telerik Guys !

    I have a problem with the DEFAULT SKIN of RAD GRID.

    I have applied the following property named  GridLines="Vertical" to the DEFAULT SKIN of the RAD GRID . but chnages havent been reflected on to the runtime of the GRID.

    I dont know whats the problem ??

    Please solve.
  3. Daniel
    Admin
    Daniel avatar
    4949 posts

    Posted 29 Jun 2009 Link to this post

    Hello Ajay,

    Try the following:
        <style type="text/css"> 
            .rgRow td, .rgAltRow td, .rgHeader td, .rgFilterRow td 
            { 
                border-left: solid 1px black !important; 
            } 
        </style> 

    ASP.NET Controls - Grid Forum - Vertical grid lines in Forest skin
    ASP.NET Controls - Grid Forum - GridLines in Radgrid

    Regards,
    Daniel
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  5. Gijo
    Gijo avatar
    26 posts
    Member since:
    Jan 2008

    Posted 05 Dec 2009 Link to this post

    I have got the same problem.
    This worked in ie, not in firefox. Any thoughts.

    Thanks,
    Gijo Joseph
  7. Daniel
    Admin
    Daniel avatar
    4949 posts

    Posted 10 Dec 2009 Link to this post

    Hello Gijo,

    Please modify the CSS code-snippet as demonstrated by Dimo in the first link:
    ASP.NET Controls - Grid Forum - Vertical grid lines in Forest skin
    div.RadGrid_SKINNAME .rgHeader,
    div.RadGrid_SKINNAME th.rgResizeCol,
    div.RadGrid_SKINNAME .rgFilterRow td,
    div.RadGrid_SKINNAME .rgRow td,
    div.RadGrid_SKINNAME .rgAltRow td,
    div.RadGrid_SKINNAME .rgEditRow td,
    div.RadGrid_SKINNAME .rgFooter td
    {
          ...
    }

    You should replace SKINNAME with the actual skin used in your scenario.

    Regards,
    Daniel
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  9. KUNAL
    KUNAL avatar
    1 posts
    Member since:
    Sep 2017

    Posted 29 Sep 2017 Link to this post

    Best Solution So far!!

    use style as :

    .rgRow td, .rgAltRow td, .rgHeader td, .rgFilterRow td 
            { 
                            
                            border-bottom: solid .15px #eae8e8!important;
                            border-bottom-color:#eae8e8;
            } 

     

     

    And simply assign the cssclass of your radgrid something like below:
    CssClass="rgRow"

    My requirement was to get a very thin gray line. If you want anything else, you can customize the stye I mentioned above:
    1. change the color code to whatever you need
    2. If you need some thick lines change the .15px to 1 px, and there you go!!

    Thanks

Back to Top