For some reason, I couldn’t make it to work. I am sure I missed something somewhere.
I tried the Foundation Reveal stack again and I got it to work this time. I thought the button had to be set to “Reveal Launcher” when it need to be at “Button” to make it work.
Look like I cannot fine-tune the width and there is no height setting so a vertical scroll bar appears which I am trying to prevent. I was able to adjust the width using ButtonPlus2 and PopDrop but not the height yet. I made another post about that in here hopefully someone can chime in and help me out.
Bill
Whats the code look like on the iFrame?
This is the iFrame code
<iframe src="https://signup.e2ma.net/signup/1860743/30297/" width="510" height="500" frameborder="0"></iframe>Did you try changing the height of the iFrame? It’s set to 500px looks like your form is more like 640px? I would use Foundation Reveal and try that.
<iframe src="https://signup.e2ma.net/signup/1860743/30297/" width="510" height="640" frameborder="0"></iframe>Give me a minute, I am publishing it to a temporary site and will paste link here. I will paste your iframe in it.
Here the URL with your suggestion inserted in a flex video box.
Also there seem to be a bug in RM7 beta. It won’t upload images from a copy of the original RW file. I had to force republish to get it to upload the images.
Bill
Don’t know why you’re using the flex video box.
I just did it on a junk project.
Get the Foundation Reveal stack on your page. Set the launcher content to what you want (I used a standard stacks button). In the lightbox, content area put an HTML stack and past iFrame above. It works for me. You can play with the reveal lightbox size (small, medium, large) to see what looks best.
Let me update website with your suggestion above …
Reason I used the video flex box because form was not responsive when I open it in a mobile in a HTML box. With it will rescale itself in a the video flex box.
I started coding in Foundation 6 framework then I recently switched to using RapidWeaver with Foundation stack.
In Foundation 6, I use class “responsive-embed” for videos, object and iframe. Since the RapidWeaver Foundation stack is based on Foundation 5 which is a step down from what I been used to code in and I noticed that the video flex box in Foundation 5 is somewhat similar to responsive-embed so I been using that in RapidWeaver for some of my project.
If it works then it works 
but a birdie told me that Joe may release a new Foundation stack next year which I am looking forward to.
Take a look http://teefers.com/
I upload my project it’s junk but hit the sign up button at the top.
Yeah, Foundation 6 was released from Zurb in November 2015, Herd that a new version for RW was going to be released by year end 2016, 2017 and now 2018.
You sign up is same as mine which look fine on a full browser but does not look good on a mobile device in html box.
Check the URL above in mobile device, I updated it with a video flex box button so you can compare the two. Only thing is that in video flex box is the height and the reCaphcha is causing the scroll bar to appear on mobile phone.
I was hoping that PopDrop would have some way for me to set a height when I couldn’t find a way to set it in revealer using video flex box and that why I was experimenting with both.
Just to get it look as good in mobile
There is also Jow Workman’s offsite stack.
I have set up Foundation Reveal with HTML, offsite and the flex video:
http://teefers.com/
@teefers . Thank you for all your help and effort with this. it seem some thing can’t always be coding-free task so I went ahead and wrote a code into a html block adding some classes like for button etc.
It’ll work for now
Bill
Just had a look, appears to launch a new tab in the browser. I think that’s not what you wanted.
Problem you’re having is your trying to make a nonresponsive page (Emma Classic) responsive in an iFrame. What can be done with an iFrame is very limited.
You may want to look at using Emma’s light box form. I have never used Emma but their documentation has that as an option, and it looks more like what you’re looking for. The code would be easy to embed within a RW page as it would go right before the end body tag.
https://support.e2ma.net/Resource_Center/Account_how-to/Customizing_your_lightbox_form
1 Like
I did look at the lightbox form, It didn’t offer the field boxes that we needed.
Actually, the regular form is responsive. It just that stupid Google recaptcha box wasn’t responsive inside iframe wrecking the rest of the form so I went ahead and manually wrote the code into the Rapidweaver bypassing iframe alltogether. It working out great now in both full and mobile view.
I was trying to avoid customizing as much I can by using stacks so I could train other co-worker how to do this without having to depend on me too much when they needed to make the changes to the website. The other co-worker have zero experience in web development.
Thank you for all your feedback and help with this!! It is very much appreciated!
Bill
This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.