This is a migrated thread and some comments may be shown as answers.

kendo.ui.Window compatibility with jQueryUI Dialog

1 Answer 121 Views
Integration with other JS libraries
This is a migrated thread and some comments may be shown as answers.
Andrew
Top achievements
Rank 1
Andrew asked on 19 Dec 2013, 05:17 AM
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



1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 20 Dec 2013, 04:44 PM
Hi Andrew,

It seems that this style exists for legacy reasons and may not be needed any more. We will check and remove it in our source too. Let us know if you come across any side effects.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Integration with other JS libraries
Asked by
Andrew
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or