RadPanelBar Css Problem?

2 posts, 1 answers
  1. Bhuvan
    Bhuvan avatar
    50 posts
    Member since:
    Dec 2010

    Posted 05 Apr 2011 Link to this post

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



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

    Posted 06 Apr 2011 Link to this post

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