Dialog boxes appear behind elements on the page

[geharvey]

Hello,

I have just imported a WWB 8 project into WWB 19. Most of it works OK, but the dialog boxes appear behind elements on the page and it is unusable. I did have some jQuery code to change the CSS z-index, to ensure the dialog is on top of everything else, but this no longer works. jQuery itself has gone from version 1.4 to 1.7, this may be the reason.

I have added a new dialog to the project, but this does the same thing. I need to be able to solve this otherwise the project is dead in the water.

The reason for buying the latest version of WWB is because I need a new PC, the old one is slow and the sound card no longer works. If I could reinstall WWB 8, all would be well.

Many thanks for your help.

Graham.

[jerryco]

This may not be the answer you're looking for, but the differences between 8 and 19 are huge. Would it be possible for you to re-do it in 19 to be completely up to date? I think it would require you to know about Responsive Web Design.

[Pablo]

I am not aware of any issues released to the dialog otherwise I would have already fixed them.
However, the software has thousands of option and millions of possible combinations, so there may be a possible conflict somewhere.

If you need help with this then please share a DEMO project so I can try to help you.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

[geharvey]

Hello,

thank you for the advice; this project has been in existance for many years, as you can see from the version of WWB that we have used. The system works only on our intranet, it is not accessable from outside the company and requires access to our databases to operate. Sending a link to the forum, to provide an example of the problem, is impossible without overiding all our security.

I will press-on with the latest version and see if I can get it work. The whole system relies on 12 separate Wysiwyg projects that work together to simulate an integrated system; starting from scratch with the latest version is not really an option.

Best regards,

Graham.

[jerryco]

I recently noticed Pablo offers customized versions: https://wysiwygwebbuilder.com/rebranding.html

Maybe if you ever want to catch up you could perhaps approach him?

[Pablo]

Note that I do not need the whole project, just a small DEMO project.
Usually issues like this can be solved within minutes, but first I need to what you have done.
Dialogs do work for all other users so there is most likely a conflict somewhere.

Please read:
viewtopic.php?f=10&t=82134

[geharvey]

Hello,

thanks again for the advice. I will press-on with what I am doing for the moment; I did go for the most complicated project first, I will try a simpler one and see if the same problem still exists. I am sure that the solution will be a simple one, its just a case of finding it. If I need any further help or can isolate the problem, I will post back.

Many thanks,

Graham.

[geharvey]

Hello,

I have solved the problem!

Just for completeness, I have given the solution below. If someone else comes across this problem, then they may find this post and save themselves a few hours work.

All of the old jQueryDialog boxes have to be replaced with the new Dialog object in the project. Once the old ones are removed, the new ones work properly. There must be a clash between the old and the new dialogs.

I added a new Dialog and then cut and paste the contents of the old one to the new and then deleted the original. I then had to go through my jquery files and change $("#jQueryDialog1").dialog(); to $("#Dialog1").dialog();

Best regards.