Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Paruchuri Nagaraju
2585
Column chooser dialog behind Jquery UI Accordion
posted

We have a JQuery UI Accordion with an igGrid on it. When we bring up the column chooser the modal dialog is behind the accordion. I see you are setting z-index and have tried changing the values but it doesn't seem to be changing the positioning. Is this a known bug? Do you have a fix that we can apply with some css?

Parents
No Data
Reply
  • 3995
    Suggested Answer
    Offline posted

    Hello Tammy Wohlrabe,

    Thank you for posting into our community. Our dialogs are appended to the grid container and by default their containment is also the grid container. Take a look at the sample. I've changed the containment and I appended the dialog to the body for the groupby dialog only. It can be done using the same approach for all dialogs. This should allow you to drag and resize it without hiding the content behind the accordion header.

        name: "GroupBy",
        groupByDialogContainment: $('body'),
        modalDialogOpened: function (evt, ui) {
            ui.modalDialogElement.appendTo("body");
        }

    Please keep in mind, that when you append the dialogs to the body, accordion won't hide them after you collapse the content, but you can handle it using our API for closing the dialog (http://www.igniteui.com/help/api/2015.1/ui.iggridgroupby#methods:closeGroupByDialog)

Children