jQuery UI Widgets Forums Grid The filter menu is covered.

This topic contains 7 replies, has 5 voices, and was last updated by  Hristo 2 years, 10 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • The filter menu is covered. #99326

    genfu
    Participant

    <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!

    The filter menu is covered. #99332

    Stanislav
    Participant

    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/

    The filter menu is covered. #99335

    Rehan
    Participant

    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;
      }
    The filter menu is covered. #99346

    genfu
    Participant

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

    The filter menu is covered. #99351

    Stanislav
    Participant

    Hello genfu,

    Thanks for the update!

    Best Regards,
    Stanislav

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

    The filter menu is covered. #100775

    mlbartonsr
    Participant

    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.

    The filter menu is covered. #100776

    mlbartonsr
    Participant

    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

    The filter menu is covered. #100791

    Hristo
    Participant

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.