Responsive Iframe Help - Post ID 243830

User 2693187 Photo


Registered User
167 posts

Hi guys,

I've found a form that will allow me with assistance with the Unique Codes.
However the only code it will supply is iframe.

So I've been trying to find out code that will allow iframes to be responsive.

Came across this - http://embedresponsively.com/

Which works a treat - however I can't seem to be able to work out how to set the height. The code is generates is the following:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://www.formdesk.com/adlab/Adlab_User_Form' allowTransparency='true' frameborder='0' scrolling='no' style='height:800px;'><a href='http://www.formdesk.com/adlab/Adlab_User_Form' /iframe></div>

My site is currently here - will show you how it's working at current. But yeah any pointers on how to adjust height would be awesome.

http://www.sacoffeeacademy.com.au/responsive/

-Adam
User 187934 Photo


Senior Advisor
20,245 posts

Try this.

<iframe width="100%" height="692" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="http://www.formdesk.com/adlab/Adlab_User_Form"></iframe>

Your form isn't responsive so I wouldn't worry so much about making the iframe responsive.
Have you looked at CC's form builder? It's responsive.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2693187 Photo


Registered User
167 posts

Thanks for that - I have use CC's form builder for a few projects.
However it doesn't have the back end to be able to do the high end validation and data collection I need for this type of Unique Code promo.

-A.
User 187934 Photo


Senior Advisor
20,245 posts

You can write your own back end scripts.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2693187 Photo


Registered User
167 posts

If only I had the skill and knowledge to do something like that!

-A.
User 187934 Photo


Senior Advisor
20,245 posts

Google php form validation. There's lots of examples that are easy to follow.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

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.