I had a Rad Panel Like this
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?
<
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;
}