Panelbar Round Corner

[Chris]

Hi,

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.

Chris

[Alex Gyoshev]

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

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