I have an existing application that is using jQueryUI dialog. And I am working on gradually switching to using kendo.ui.Window instead.
I need to popup a small dialog depending on some internal processing. The popup window will contain a confirmation check box and perhaps a text input field.
Everything works fine until I happen to have a jQuery based dialog open on the page.
If the popup dialog (kendo.ui.Window) is triggered when the jQueryUI dialog is open all controls on the "kendo.ui.Window" got disabled. User can not check the check-box or input text into input box.
The issue is caused by the css setting in kendo.common.css
div.k-window-content {
z-index: -1;
...
which forces the content to sink down.
Please see two screenshots that illustrate the issue.
My questions are:
why z-index is set below zero?
Is it managed dynamically by the javascript code?
Is it safe to remove the line " z-index: -1; " ?
What is the recommended way to approach this task?
Thanks,
Andrew
I need to popup a small dialog depending on some internal processing. The popup window will contain a confirmation check box and perhaps a text input field.
Everything works fine until I happen to have a jQuery based dialog open on the page.
If the popup dialog (kendo.ui.Window) is triggered when the jQueryUI dialog is open all controls on the "kendo.ui.Window" got disabled. User can not check the check-box or input text into input box.
The issue is caused by the css setting in kendo.common.css
div.k-window-content {
z-index: -1;
...
which forces the content to sink down.
Please see two screenshots that illustrate the issue.
My questions are:
why z-index is set below zero?
Is it managed dynamically by the javascript code?
Is it safe to remove the line " z-index: -1; " ?
What is the recommended way to approach this task?
Thanks,
Andrew