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

RadPanel Bar Selected Item Height

2 Answers 63 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Audreyn Justus
Top achievements
Rank 1
Audreyn Justus asked on 11 Dec 2010, 09:34 PM
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

Sort by
0
Kamen Bundev
Telerik team
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.
0
Audreyn Justus
Top achievements
Rank 1
answered on 16 Dec 2010, 04:23 PM
Thank you Kamen

I will proceed as you sugested

Regards
Tags
PanelBar
Asked by
Audreyn Justus
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Audreyn Justus
Top achievements
Rank 1
Share this question
or