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;}