Grid Borders in IE9

4 posts, 0 answers
  1. Jack
    Jack avatar
    128 posts
    Member since:
    May 2003

    Posted 23 Mar 2013 Link to this post

    Hi Guys,

    I have this CSS set on a Metro Skinned Grid to stop the alternating item bottom border as well as the pager border - all works well in every browser except IE (9 at least)

    div.RadGrid_Metro .rgRow td,
    div.RadGrid_Metro .rgAltRow td
     {
         border-bottom:0 !important;
     }
     
    .RadGrid_Metro td.rgPagerCell
      {
    border-color:#ffffff !important;
      }

    All help most appreciated.
    Cheers,
    Jon
  2. Galin
    Admin
    Galin avatar
    526 posts

    Posted 28 Mar 2013 Link to this post

    Hello Jon,

    I have tried the described scenario and it works as expected. There is no borders on data cells and above the pager. However you can achieve the same thing with one CSS rule and without !important, e.g.
    div.RadGrid_Metro .rgRow td,
    div.RadGrid_Metro .rgAltRow td,
    div.RadGrid_Metro td.rgPagerCell
    {
        border-bottom: 0;
        border-top: 0;
    }

    You can find attached screenshot on what is on my side.
    Hope this helps.

    All the best,
    Galin
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jack
    Jack avatar
    128 posts
    Member since:
    May 2003

    Posted 29 Mar 2013 Link to this post

    Hi Galin,

    Thank you very much for your reply.

    It's the pager itself that I am seeing differently.
    In IE8 & 9 - I am seeing a border all around except for the right border. Please see the attached screenshots.
    _____________________________
    | Pager......
    |___________________________

    In all other browsers the pager has no border as I want.

    Many thanks,
    Jon
  5. Galin
    Admin
    Galin avatar
    526 posts

    Posted 02 Apr 2013 Link to this post

    Hello Jon,

    I am sending a runnable sample page, in which the pager's border is as expected. Please check it out and let me know what is different on your side.

    In case the issue persists, could you please start a formal support ticket or a forum thread and we will address your questions as necessary?

    All the best,
    Galin
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top