Import a page design from one RSD...

User 2699991 Photo


Registered User
5,314 posts

Paddy Gormley wrote:
I'm trying to import a contact form from cc Web Form Builder into cc Site Designer 5. The form is working, but I really want a modal form, and I can't work out how to make it modal. See for yourself by going to https://2020.productions/ and scroll down until you see the section headed "Playscript". Click the button marked "info@2020.productions". I would like the form to pop up here, but I can make it work, so instead I've created a separate contact page, with a "click here" message to show the form. This is so clumsy! How can I adapt the "info@2020.productions" button so that the form pops up on the same page?

Hi
In your components library is a component called reveal (modal) select it which will put it into the component
Section on the page.
select the body of the page and then select the "insert into canvas " button.

This then places the reveal as the last element in the page with a text link that is the trigger for the .odal to open.

You can then style the modal as required delete the image change the size background etc insert a HT ELEMENT into the modal body and place the form link in the html element as normal.
There you have a form in a pop up.

You can then either move the text link trigger to wherever position on your page that when a user clicks on it opens the modal,, or you can insert a other something as a trigger and use that as the trigger.


The .modal can be styled many different ways in which it appears
I have a short video example with something like you may want
I
I will paste the link here shortly ( on my phone at the moment)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2699991 Photo


Registered User
5,314 posts

Sorry Frank I didn't see your post until after I did mine

Yes thats one way also of diong it which Eric helped with and also works fine,,

here is the youtube link anyway

https://youtu.be/r2gY-0JdZBs

just in case

(my way hosts the form WITHIN site designer, Erics way sets up the link in site designer to the form hosted on S-Drive)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.