The filter menu is covered.

[genfuParticipant]

<div class=”jqx-menu-wrapper” style=”z-index:’+this.popupZIndex+’
popupZIndex jqxmenu in jqxgrid
eg:
https://jseditor.io/?key=jqxgrid-in-jqxwindow +
https://www.jqwidgets.com/angular/angular-grid/angular-grid-dropdowngrid.htm
when i use it,the window popup, my filter menu was covered by grid。

could you tell me,how can i solve it, thanks!

[StanislavParticipant]

Hello genfu,

I tried your example and it seemed to have no problem. Maybe you set some additional properties that break it? I am not sure what the situation is.

As far as I understand the menu for filtering loads behind the grid and window, lately we seem to be having a lot of questions about this.
Here is a workaround, to make the menu come forward:

.jqx-menu {
    z-index: 9999 !important;
}

It’s a very simple CSS trick, but it seems to be working.
Almost all the cases seem to be including jqxWindow and grid/scheduler, we are already looking into this.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[RehanParticipant]

It is a Z-Index issue. Hopefully would be settled by using following code

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

[genfuParticipant]

thanks all,it’s work for me by this
$(‘.jqx-menu-wrapper’).css({‘z-index’:3000});

[StanislavParticipant]

Hello genfu,

Thanks for the update!

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[mlbartonsrParticipant]

I did this and it worked to get the popup filter menu to show up but now when I try to open the dropdowns on the filter menu they are covered by the filter menu.
Any ideas.
I am running jQWidgets v5.6.0 Release, February-09-2018

thanks for your help.

[mlbartonsrParticipant]

I was able to get it to work using
.jqx-menu-wrapper { z-index:1850 !important; }
this allowed the filter popup window to open in a jqxGrid in a jqxWindow opened in modal view.
It also allowed the dropdowns inside the filter popup windows to open on top of the filter popup window.

Best regards,
Mickey

[HristoParticipant]

Hello Mickey,

The suggested solution is temporary.
You could try to change the z-index of the jqxDropDownList with the popupZIndex property.
If this does not help you please, provide us with a simple example that demonstrates this.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts