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

How to bring radgrid filtermenu over and in front of RadMenu

4 Answers 97 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Aditi
Top achievements
Rank 1
Aditi asked on 06 Jul 2012, 02:18 AM
Hi,

I am using a radgrid to display data and RadMenu control for menu.
If, I reduce the size of the screen and click on filter of one of the columns in RadGrid, the filter menu items are getting hidden behind the RadMenu.

How do I bring the radgrid filter menu over the RadMenu?

Please help.

I have attached the screenshot of the problem.

Thanks,
Aditi

4 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 06 Jul 2012, 04:19 AM
Hi Aditi,

Try reducing the  z-index of the RadMenu.

ASPX:
<telerik:RadMenu ID="RadMenu1" runat="server" CssClass="menu">
. . .
. . .
</telerik:RadMenu>

CSS:
<style type="text/css">
    .menu
    {
        z-index:-1;
    }
</style>

Thanks,
Princy.
0
Aditi
Top achievements
Rank 1
answered on 06 Jul 2012, 04:56 AM
Hi Princy,

It didn't work. Also, I am not assigning z-index to any of the control, radgrid/radmenu.

Thanks,
Aditi
0
Accepted
Princy
Top achievements
Rank 2
answered on 06 Jul 2012, 06:25 AM
Hi,

In-order to see the filter menu above the Rad menu, please set the Z-index of the RadMenu to -1.Try setting the '! important' to override the default CSS.

ASPX:
<telerik:RadMenu ID="RadMenu1" runat="server" CssClass="menu">
. . .
. . .
</telerik:RadMenu>

CSS:
<style type="text/css">
    .menu
    {
           z-index:-1 !important;
    }
</style>

Thanks,
Princy.
0
Aditi
Top achievements
Rank 1
answered on 06 Jul 2012, 04:51 PM
Thanks a  lot Princy, that worked!!!

Aditi
Tags
Grid
Asked by
Aditi
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Aditi
Top achievements
Rank 1
Share this question
or