CSS not working for RadPanelItem

2 posts, 0 answers
  1. Shamim
    Shamim avatar
    10 posts
    Member since:
    Jul 2010

    Posted 08 Sep 2010 Link to this post

    Hi,
    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. 


  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 09 Sep 2010 Link to this post

    Hello Shamim,


    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top