RadPanel Bar Selected Item Height

3 posts, 0 answers
  1. Audreyn Justus
    Audreyn Justus avatar
    9 posts
    Member since:
    Oct 2005

    Posted 11 Dec 2010 Link to this post

    I need a Panel bar with item´s height arround 30px (mainly because then icons used). To achieve this I have declared the following css:
    .RadPanelBar .rpText,  
    .RadPanelBar .rpLink,
    .RadPanelBar .rpSelected,
    .rpLevel1 li
    {  
        height: 30px!important;   
        display: block!important;   
        padding-bottom: 0px!important;  
        line-height:30px!important;  
        min-height:30px!important;
    }
    So far, so good.

    The problem appears when an item is selected. The background bitmap do not covers all the item (see atached image).

    How can I figure out this situation?

    Regards


  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 16 Dec 2010 Link to this post

    Hi Audreyn,

    Yes, the RadPanelBar subitem background is targeted at specific item height since more elements are needed to style an item with adjustable height. You can either use one of the several RadPanelBar skins that allow subitems with any height - like Sitefinity, Simple and Web20 - or derive a new skin from one of the mentioned and style it to fit your needs.

    All the best,
    Kamen Bundev
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Audreyn Justus
    Audreyn Justus avatar
    9 posts
    Member since:
    Oct 2005

    Posted 16 Dec 2010 Link to this post

    Thank you Kamen

    I will proceed as you sugested

    Regards
Back to Top