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

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

MadMax76MadMax76 Posts: 129Questions: 28Answers: 0

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

This question has accepted answers - jump to:

Answers

  • colincolin Posts: 14,158Questions: 1Answers: 2,399
    Answer ✓

    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

  • MadMax76MadMax76 Posts: 129Questions: 28Answers: 0

    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

  • MadMax76MadMax76 Posts: 129Questions: 28Answers: 0

    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

  • colincolin Posts: 14,158Questions: 1Answers: 2,399
    Answer ✓

    Thanks for posting!

    Colin

Sign In or Register to comment.