Page 1 of 1

Move to front

Posted: Sun Sep 06, 2020 2:51 am
by Joel
Please, have a look at http://www.baretouch.com.au/what-works-for-what.html, put ginger for example in the search box at the top and tell me how to make the jQuery dialog move to the front?

I think I tried everything. There used to be a function where I could give it a high number to stay on top but can't do it now. On some pages I don't have the problem http://www.baretouch.com.au/new-concept ... roach.html, on some I do. Simple 'move to front' does not correct it.

Re: Move to front

Posted: Sun Sep 06, 2020 3:49 am
by bkjohns
Do you have transparency applied to the dialog?

Re: Move to front

Posted: Sun Sep 06, 2020 4:51 am
by Joel
No, it is set to solid white.

Re: Move to front

Posted: Sun Sep 06, 2020 7:39 am
by Pablo
You can force the dialog to be in front of everything else by adding this code between the head tags of Page HTML

Code: Select all

<style>
.ui-dialog {
    z-index: 9999 !important;
}
</style>
Also, note that there is an error in the jQuery Theme name. It should not have white spaces.
Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=64868

Re: Move to front

Posted: Sun Sep 06, 2020 10:01 am
by Joel
I changed the name, copied the code in and now the page is completely blank :shock:

Re: Move to front

Posted: Sun Sep 06, 2020 10:20 am
by Pablo
Maybe you have copied it to wrong place?
Page HTML -> Between head tags

Note that after changing the name you will need to republish all files.

Re: Move to front

Posted: Sun Sep 06, 2020 1:27 pm
by Joel
Pablo, checked a few times, republished, check yourself http://www.baretouch.com.au/what-works-for-what.html

Re: Move to front

Posted: Sun Sep 06, 2020 2:21 pm
by Pablo
The added code is invalid, it should be:

Code: Select all

<style>
.ui-dialog {
    z-index: 9999 !important;
}
</style>

Re: Move to front

Posted: Mon Sep 07, 2020 5:19 am
by Joel
Thank you!

I couldn't copy and paste, it didn't work. Had to type in but it works now :D