How to bring radgrid filtermenu over and in front of RadMenu

[Aditi]

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

[Princy]

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.

[Aditi]

Hi Princy,

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

Thanks,
Aditi

[Princy]

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.

[Aditi]

Thanks a  lot Princy, that worked!!!

Aditi