PanelBar Item Bottom Border

3 posts, 1 answers
  1. Jacob
    Jacob avatar
    6 posts
    Member since:
    Jul 2011

    Posted 25 Jul 2011 Link to this post

    Is there a way to remove the border between the radpanel bars? (Please see attached). I am using Outlook skin on the radPanelBar, and was wondering if there is a way to remove the 1px line shows up right above the radpanelitem.

    I tried to manipulate it by using the following css code, but wasn't successful.

    .RadPanelBar .rpRootGroup .rpOut
    {
        border: 0 !important;
        padding: 0 !important;
    }

    Thank you.
  2. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 26 Jul 2011 Link to this post

    Hello Jacob,

    In fact the border that you are trying to remove comes from the sprite image that is applied to the RadPanelBar control. therefore in order to alter the appearance you can apply the following css class selector that will move the sprite image with 1px and thus removing the border:
    div.RadPanelBar_Outlook a.rpLink,
         div.RadPanelBar_Outlook div.rpHeaderTemplate,
          div.RadPanelBar_Outlook a.rpExpanded,
           div.RadPanelBar_Outlook div.rpExpanded,
            div.RadPanelBar_Outlook .rpItem a.rpLinkExpandHovered {
        background-position: 0 -1px;
    }

    Greetings,
    Kate
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jacob
    Jacob avatar
    6 posts
    Member since:
    Jul 2011

    Posted 26 Jul 2011 Link to this post

    It worked! Thank you Kate.
Back to Top