Panelbar Round Corner

2 posts, 0 answers
  1. Chris
    Chris avatar
    171 posts
    Member since:
    Oct 2006

    Posted 07 May 2008 Link to this post


    I would like to know if there is any way I can set the Panel Bar Item with Round Corner image on both side left and right.  Currently they are always display in a sharpe corner.  Please let me know if there is a way to set it in CSS style sheet.

  2. Alex Gyoshev
    Alex Gyoshev avatar
    2527 posts

    Posted 08 May 2008 Link to this post

    Hello Chris,

    The effect that you request can be achieved through the use of a custom skin.

    You could, for example, set the left rounded corner as a background of the .rpLink elements, make their padding the same as the radius of the rounded corner and set a background of the .rpText elements as the right rounded corner (aligned to the right and holding the rest of the background pattern, too).

    The statement above, expressed with code, should look like this:
    .RadPanelBar_RCSkin  .rpLink 
        backgroundurl(left.gif) no-repeat left center
    .RadPanelBar_RCSkin  .rpText 
        backgroundurl(right.gif) no-repeat right center
        /* the background image should hold the pattern between the two images */ 

    If you need assistance in creating the skin, feel free to open a support ticket.

    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top