Making a popup MODAL

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Making a popup MODAL

Post by alex4orly » Wed May 01, 2019 8:12 am

I have a page that pops up a dialog on top of it, using the WWB Link-> Popup
I want to prevent visitors from clicking outside that Popup resulting in bringing th eparent screen on top of the popup which makes it - dissapear...

How do I force this?

Thanks

User avatar
Pablo
 
Posts: 19271
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Making a popup MODAL

Post by Pablo » Wed May 01, 2019 8:24 am

Did you try the 'Dialog' object?

User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Making a popup MODAL

Post by alex4orly » Wed May 01, 2019 8:31 am

No, where is that? In which group?

User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Making a popup MODAL

Post by alex4orly » Wed May 01, 2019 8:36 am

Found the Dialog object, can I build into it the page I am showing the above URL, with layout grids and form an buttons?
Into that Dialog

User avatar
Pablo
 
Posts: 19271
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Making a popup MODAL

Post by Pablo » Wed May 01, 2019 9:03 am

You can add an inline frame to the dialog to show another page.

User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Making a popup MODAL

Post by alex4orly » Wed May 01, 2019 11:29 am

Yes, that will work
Thanks

User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Making a popup MODAL

Post by alex4orly » Wed May 01, 2019 8:39 pm

Well, I can't use that.
The page I am working on is loading a Payment Gateway, the provider does not allow that to be in an iFrame for security reasons.
I need to find a way to force that popup to be Modal, without an iFrame
Maybe set the Z-Index to 9999? But how?

Thanks

User avatar
Pablo
 
Posts: 19271
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Making a popup MODAL

Post by Pablo » Wed May 01, 2019 8:52 pm

Maybe set the Z-Index to 9999?
The z-index of what?

No matter what you do, you will always need an inline frame to display a page from another website.

User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Making a popup MODAL

Post by alex4orly » Wed May 01, 2019 9:11 pm

Here is the sequence - point one is this:
https://communitylifestyleaccommodation ... money.html
Clicking the Membership button, brings up this popup dialog
https://communitylifestyleaccommodation ... rship.html - but click the button, don't follow the link to see the process
In this poup dialog - Clicking the Checkout is bringing up the payment page of the Gateway.
If this Membership.html page is placed inside an inline frame - the checkout button simply does NOTHING.
I want to force that Popup dialog to be Modal - so that the visitor does NOT click outside of it by mistake

Can I do it throu the z-index, if so where in the code and what is the code I need to add

Thanks

User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Making a popup MODAL

Post by alex4orly » Thu May 02, 2019 4:23 am

I created the form inside a Dialog object, I use the LINK on the Membership button to call the page called mdialog.html
https://communitylifestyleaccommodation ... money.html
If I set the link to be _parent, it works - but cover the entire website
If i set the link to _self, it brings up that mdialog.html - but because it is inside an iFrame, the Checkout button does nothing

What are my options?
How can I make the mdialog to come up as a result of clicking the "Membership" button, just on its own - as a Modal Dialogue?

???

User avatar
Pablo
 
Posts: 19271
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Making a popup MODAL

Post by Pablo » Thu May 02, 2019 6:50 am

The dialog can be made modal via the 'Modal' property , this will ring it in front of all other elements on the page.
WWB will set the z-index to 9999 automatically via

Code: Select all

.ui-dialog.ui-widget
{
   z-index: 9999 !important;
}
If the payment gateway does not work inside an inline frame then I think the only option is to break out of the frame (via target->_parent)

User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Making a popup MODAL

Post by alex4orly » Thu May 02, 2019 8:29 am

Sorry,
Where exactly on the html page should I insert this ?
Thanks

User avatar
Pablo
 
Posts: 19271
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Making a popup MODAL

Post by Pablo » Thu May 02, 2019 8:54 am

You do not have to insert this code yourself. It will be added by WWB when you enable 'modal' property of the dialog.

User avatar
alex4orly
 
 
Posts: 842
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: Making a popup MODAL

Post by alex4orly » Thu May 02, 2019 9:04 am

In the properties page of this, I do not see such an option, to set it Modal
On which TAB in the properties dialog?

User avatar
Pablo
 
Posts: 19271
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Making a popup MODAL

Post by Pablo » Thu May 02, 2019 11:29 am

'Modal' is a property of the 'Dialog' object.

Post Reply