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

RadPanelBar Css Problem?

1 Answer 132 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Bhuvan
Top achievements
Rank 1
Bhuvan asked on 05 Apr 2011, 10:23 AM
I had a Rad Panel Like this

<telerik:RadPanelBar ID="RadPanelBar_LeftMenu" Runat="server"  Width="95%"  Skin="Office2007" ExpandMode="SingleExpandedItem" BackColor="Transparent">
         
</telerik:RadPanelBar>

and i am binding the data dynamically

I applied CSS..
1) I want to apply bold and font color for the root items but not for the Child items..but i failed to apply.. its applying for the whole one
(different font for root and child elements)
2) if i click on the root item ..it expands, the expanded root element should be displayed in one color

how both the things are possible..

I tried the below css but i failed for the above 2 points.. anybody please tell me how to do this?
.RadPanelBar .rpRootGroup,    
.RadPanelBar .rpRootGroup .rpLink  
{    
     border: none !important;    
     background-color: transparent !important;
     background-image:none;
     font-family:Verdana !important;  
     text-decoration: none;  
     border-bottom-width: 0px !important;  
}  
 
.RadPanelBar_Office2007 a.rpLink:hover{
color: black !important;
background-color: #FFCA5E !important;
border-color: #FF9B35 !important;
border-top-color: #FF9B35 !important;
border-right-color: #FF9B35 !important;
border-bottom-color: #FF9B35 !important;
border-left-color: #FF9B35 !important;
}
 
.rpOut  
{  
     border-bottom-width: 0px !important;     
}
 
 
.RadPanelBar_Office2007 a.rpLink, .RadPanelBar_Office2007 .rpTemplate {
color: #056B9D;
font-size: 70%;
font-family: Verdana;
font-weight:bold;
}
 
.rpText
{
    font-size: 100%;
    font-family: Verdana;
 
}



1 Answer, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 06 Apr 2011, 11:40 AM
Hello Bhuvan,

One suggestion is to create custom CSS class and apply it for the RooItems.
CSS:
.myClass
       {
           font-size: 20px !important;
       }

aspx:
<telerik:RadPanelBar Skin="Office2007" runat="server" ID="RadPanelBar1">
<Items>
       <telerik:RadPanelItem Text="Mail" Expanded="True" CssClass="myClass">
            <Items>
               . . . . . . . . . . . . .

Thanks,
Shinu.
Tags
PanelBar
Asked by
Bhuvan
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or