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 |
{ |
background: url(left.gif) no-repeat left center; |
padding-left: 10px; |
} |
|
.RadPanelBar_RCSkin .rpText |
{ |
background: url(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.
Regards,
Alex
the Telerik team