Responsive Popup OR true hiding of Layout Grid

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
Starb7
 
 
Posts: 247
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Responsive Popup OR true hiding of Layout Grid

Post by Starb7 » Fri Mar 13, 2020 11:31 am

Hi Pablo

I need to add a one-time popup to a responsive page and having difficulty as; a) I can find one that's responsive and b) where ever I place anything in a Layout Grid, it will affect that grid size and location.

Ideally, I could just add a new Layout grid with the detail I need and add an event to HIDE - SELF on click and that does work but only hides the content on a page and the page does not shrink up to fit the space the grid took up and so perhaps not an option.

What's the best solution to get one-time pop-ups in Responsive pages?

Cheers

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

Re: Responsive Popup OR true hiding of Layout Grid

Post by Pablo » Fri Mar 13, 2020 12:18 pm

Did you consider using a Dialog or Modal layer?
Both are resonsive.

To make it appear only once, you will need a script as demonstrated in this template:
http://www.wysiwygwebbuilder.com/suppor ... outme.html

User avatar
Starb7
 
 
Posts: 247
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Responsive Popup OR true hiding of Layout Grid

Post by Starb7 » Fri Mar 13, 2020 1:39 pm

I had issues dropping an existing text object into the dialog (now realise the text size was too big and so resized it which allowed it to drop in) and now have that working I'll have a tinker. Thanks for you help. Cheers

User avatar
Starb7
 
 
Posts: 247
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Responsive Popup OR true hiding of Layout Grid

Post by Starb7 » Fri Mar 20, 2020 5:38 pm

How do you only make it appear once? I can see the demo page but not how to do the one-time display bit. Cheers

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

Re: Responsive Popup OR true hiding of Layout Grid

Post by Pablo » Fri Mar 20, 2020 5:51 pm

This requires a script.

For example:
http://www.wysiwygwebbuilder.com/suppor ... outme.html

User avatar
Starb7
 
 
Posts: 247
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Responsive Popup OR true hiding of Layout Grid

Post by Starb7 » Fri Mar 20, 2020 6:05 pm

Hi Pablo

I have seen the demo page and note that it requires a script but i cant see anything about the script on the page.... or are you saying it needs a script but your not going to tell me how/what the script is? :(

Cheers

User avatar
Starb7
 
 
Posts: 247
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Responsive Popup OR true hiding of Layout Grid

Post by Starb7 » Fri Mar 20, 2020 6:07 pm

p.s. the Contact Icon doesn't work, looks like a bad link.

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

Re: Responsive Popup OR true hiding of Layout Grid

Post by Pablo » Fri Mar 20, 2020 6:59 pm

You can download the template (and other templates) here:
http://wysiwygwebbuilder.com/templates9.html

Implementing advanced functionality like this requires some HTML/JavaScript knowledge.

User avatar
Starb7
 
 
Posts: 247
Joined: Tue Sep 05, 2006 12:35 pm
Location: Derbyshire

Re: Responsive Popup OR true hiding of Layout Grid

Post by Starb7 » Fri Mar 20, 2020 7:55 pm

Ok thanks.

Post Reply