using datatables in a popup - editors show only in the background and do not work

MadMax76

Hi,

I have a quite normal datatable, only it is sitting in a popup-window called with

ajax_call('Core', 'XShowPopupNew', '__plugName__:__instance__', 'textvorlage')

Everything works fine, only I can not show any editors. Those appear kind of "inbetween the popup and the main site. If I close my popup, th editor then is in the foreground, but not working - I guess because I closed the site where it refers to.

I could solve most problems by using inline-editing, but for delete this can not work. Even if I use this code (that shouldnt display any editor as I believe)

                {
                    extend: "selectedSingle",
                    text: "löschen",
                    action: function ( e, dt, node, config ) {
                        editor_posvorl
                                .edit( table.row( { selected: true } ).index(), false )
                                .set( 'geloescht', 1 )
                                .submit();
                    }
                },

nothing happens at all.
Any ideas what do to?

Thanks Max

colin

We would really need to see this to make any progress. Could you link to your page, or a test case, please, so we can debug. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

MadMax76

Hi Collin,

problem is this is in a closed site and using a lot of code I cant copy....
I send you path and user-data as a PM.

Thanks Max

MadMax76

Solution by Allan:

The Editor dialogue is getting a z-index of 101 (and its background 100), which is behind the Textvorlagen modal, which has a z-index of 105.

Workaround is to use:

CSS

div.ui-dialog.DTE {
  z-index: 110 !important;
}
 
div.ui-widget-overlay {
  z-index: 109 !important;
}

As to why it is getting a zIndex of 100... I think it might be inheriting it from another jQuery UI component - the sortable one.

Allan

colin

Thanks for posting!

Colin