RadMenu won't expand beyond table cell borders

2 posts, 0 answers
  1. Jonathan
    Jonathan avatar
    47 posts
    Member since:
    Sep 2010

    Posted 06 May 2012 Link to this post

    Hey Guys,

    I have a curious issue. I have a RadMenu sitting in a RadPanelBar, which sits in a HTML table cell. It is the only item in the cell. When I expand the RadMenu, it is cropped by the border of the table cell. So you never see the expansion beyond the table cell borders. Is this the default behaviour? If so, was that intended? If so, does this mean that I have to redesign my page? Z-index won't rectify this issue since it's not rendering under any other control.

    Thanks in advance.
    Jonathan
  2. Jonathan
    Jonathan avatar
    47 posts
    Member since:
    Sep 2010

    Posted 06 May 2012 Link to this post

    Ok. I fixed my issue by using the example on this demo page.

    I just copied the CSS from that page:
    .RadPanelBar,
    .RadPanelBar .rpSlide,
    .RadPanelBar .rpGroup,
    .RadPanelBar .rpItem,
    .RadPanelBar .rpTemplate
    {
        overflow:visible !important;
    }
             
    div.RadPanelBar .rpLevel1 .rpItem
    {
        padding:0;
    }
             
    * html .RadPanelBar .RadMenu ul.rmRootGroup
    {
        zoom: 1;
    }
             
    div.RadMenu .rmRootGroup
    {
        border: 0;
    }
             
    div.RadMenu .rmLink
    {
        float: none;
    }

    ...into my own CSS file and that resolved the issue.

    Thanks.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top