This is a migrated thread and some comments may be shown as answers.

RadPanel Bar Selected Item Height

2 Answers 82 Views

PanelBar

This is a migrated thread and some comments may be shown as answers.

Audreyn Justus asked on 11 Dec 2010, 09:34 PM

Capture.JPG

I need a Panel bar with item´s height arround 30px (mainly because then icons used). To achieve this I have declared the following css:

.RadPanelBar .rpText,

.RadPanelBar .rpLink,

.RadPanelBar .rpSelected,

.rpLevel1 li

{

height: 30px!important;

display: block!important;

padding-bottom: 0px!important;

line-height:30px!important;

min-height:30px!important;

}

So far, so good.

The problem appears when an item is selected. The background bitmap do not covers all the item (see atached image).

How can I figure out this situation?

Regards

2 Answers, 1 is accepted

answered on 16 Dec 2010, 04:17 PM

Hi Audreyn,

Yes, the RadPanelBar subitem background is targeted at specific item height since more elements are needed to style an item with adjustable height. You can either use one of the several RadPanelBar skins that allow subitems with any height - like Sitefinity, Simple and Web20 - or derive a new skin from one of the mentioned and style it to fit your needs.

All the best,
Kamen Bundev
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.