More in this section
Forums / General Discussions / SitePanelBar - css problem

SitePanelBar - css problem

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
2 posts, 0 answered
  1. Martin P
    Martin P avatar
    2 posts
    Registered:
    04 Oct 2012
    23 Oct 2009
    Link to this post
    Hi,
    I'm trying to replicate the side navigation of the Sitefinity Telerik University site which seems to work fine except for when the menu item name goes onto two lines. The second line drops on top of the menu item below rather than pushing it down. I have been playing around but no luck. Has anyone with greater css skills than mine any ideas?

    My css so far is below.

    Many thanks

    .RadPanelBar_CambsPHN
    {
    font-family:tahoma,arial,verdana,sans-serif;  

    font-size:11px;
    font-weight:bold;
    width:190px;
    }

    .RadPanelBar_CambsPHN .rpText
    {
    height:22px;
    display:block;
    color: #5c5c5c;

    background: url('Img/headerArrow.gif');
    background-repeat:no-repeat;
    background-position: 0px 9px;
    padding-left:15px;
    cursor:pointer;
    }

    .rpItem{
    height:22px;
    border-bottom: solid 1px #e3e3e3;
    list-style: none none outside;
    /*white-space:nowrap;*/
    display:block;
    }

    .RadPanelBar_CambsPHN .rpImage
    {
    }
    .rpRootGroup{
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*height:400px;*/
    }
    .RadPanelBar_CambsPHN .rpGroup
    {
    }

    .rpLast{
    border-bottom: none;
    }


    .RadPanelBar_CambsPHN .rpRootGroup .rpText
    {
       line-height: 22px;
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpLink
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpLink
    {
    }
    .rpLink:hover
    {
    }


    .RadPanelBar_CambsPHN .rpRootGroup .rpExpanded
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpExpanded
    {
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpExpanded .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpSelected .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpSelected
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpSelected .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpGroup .rpExpanded .rpText
    {
    }

    .RadPanelBar_CambsPHN .rpRootGroup .rpGroup .rpSelected
    {
    }
  2. Martin P
    Martin P avatar
    2 posts
    Registered:
    04 Oct 2012
    23 Oct 2009
    Link to this post
    Hi,
    This has been resolved by removing the height from rpItem.
    thanks
2 posts, 0 answered