New Form popup in modal view

New Form popup in modal view

tirgiltirgil Posts: 3Questions: 1Answers: 0

Hi,
When i click a button it shows datatable with id of "taskmodal" in modal view like here

$("#taskModal").modal('show');

and then i use editor with inline editing in modal view. (like here:https://editor.datatables.net/examples/inline-editing/simple.html) When i click the New button, the New form is under the modal div so that i can't reach the create form. So how can i fix this, i want to open new form over modal.

Thanks.

Answers

  • tirgiltirgil Posts: 3Questions: 1Answers: 0
    edited August 2016

    I change the style for only that page for DTED_Lightbox_Wrapper {z-index:1100 !important;} 1100 is greater than the modal z-index. The create form is over modal now, but still can't reach form element like text boxes.

  • tirgiltirgil Posts: 3Questions: 1Answers: 0

    Finally i solved the problem. I didn't use any style. I used editor events like that.
    When i click create button i hide the modal, after complete the form submission, i reopen the modal like below.

    editor.on('initCreate', function (e) {
    $("#taskModal").modal('hide');
    });
    editor.on('close', function (e) {
    $("#taskModal").modal('show');
    });
    editor.on('preCreate', function (e, json, data) {
    $("#taskModal").modal('show');
    });
    editor.on('submitComplete', function (e, json, data) {
    tableTask.ajax.reload();
    });

This discussion has been closed.