I have the following radpanelbar in the code:
<
head runat="server">
<title></title>
<link href="../App_Themes/Default/main.css" rel="stylesheet" type="text/css" />
</
head>
<body>
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem"
Skin="Vista" Width="300px" Height="700px" >
<Items >
<telerik:RadPanelItem runat="server" Text="0. Instructions on Setting up Client" Value="0"
Font-Size="12" ChildGroupCssClass="PanelChildBackGround">
<Items >
<telerik:RadPanelItem runat="server" Text="Instructions on Client" Font-Bold="true" Font-Size="11" ForeColor="#0f68c2"
>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</body>
But unfortunately the ChildGroupCssClass property is not working, in other words, radpanelchild item is not taking the css behavior. If I am missing anything please let me know. Thanks.
1 Answer, 1 is accepted
Rank 2
Have you added !important modifier to the styles in order to override the default settings? I got it worked after I add "!important" as shown below.
css:
<head runat="server"> <style type="text/css"> .PanelChildBackGround { background-color: Green !important; }But still for setting some styles, I used CssClass for each child item, since the ChildGroupCssClass didnt work as expected. Here is the alternate I tried.
css:
<style type="text/css"> .PanelChildBackGround { background: #ccd !important; color: Green !important; }</style>aspx:
. . .<telerik:RadPanelItem Text="0. Instructions on Setting up Client" Value="0" Font-Size="12"> <Items> <telerik:RadPanelItem CssClass="PanelChildBackGround" runat="server" Text="Instructions on Client"> </telerik:RadPanelItem> . . . </Items>-Shinu.