This is a migrated thread and some comments may be shown as answers.

RadMenu won't expand beyond table cell borders

1 Answer 46 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 1
Jonathan asked on 06 May 2012, 04:05 PM
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

1 Answer, 1 is accepted

Sort by
0
Jonathan
Top achievements
Rank 1
answered on 06 May 2012, 04:25 PM
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.
Tags
Menu
Asked by
Jonathan
Top achievements
Rank 1
Answers by
Jonathan
Top achievements
Rank 1
Share this question
or