How/Where Do You Change the iframe...

User 140444 Photo


Registered User
99 posts

All,
I am having an issue finding out how to change the iframe size:

<iframe id="fb_iframe" width="304" scrolling="no" height="462" frameborder="0" allowtransparency="true" src="fswebform/fswebform.html">

Before the update to web form builder I could change the iframe width & height values form would change, but now, the iframe has another value that I cannot where to change it.

I have changed the usual values, but the one above is being added to the code.

See the form here:
http://firstsignal.com/ppc/

Thanks,
Jared
User 187934 Photo


Senior Advisor
20,195 posts
Online Now

Width and height in both locations have to be changed.;)
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"fswebform/fswebform.html\" width=\"304\" height=\"300\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"fswebform.php\" title=\"fswebform\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="304" height="300" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="fswebform/fswebform.html">
&lt;a href="fswebform.php" title="fswebform"&gt;Check out my CoffeeCup
Form&lt;/a&gt;
</iframe>
</noscript>
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 140444 Photo


Registered User
99 posts

Eric,
Thanks, but I thought I did that...here is the full output of the code when I look at it in firebug:

---I Changed This---
<script type="text/javascript">
document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"fswebform/fswebform.html\" width=\"304\" height=\"300\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"fswebform.php\" title=\"fswebform\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));
</script>

----Where is this coming from?---
<iframe id="fb_iframe" width="304" scrolling="no" height="462" frameborder="0" allowtransparency="true" src="fswebform/fswebform.html">
-------------------------------------------

-----I Changed This----
<noscript> <iframe width="304" height="300" style="border:none; background:transparent; overflow:hidden;" id="fb_iframe" src="fswebform/fswebform.html"> &lt;a href="fswebform.php" title="fswebform"&gt;Check out my CoffeeCup Form&lt;/a&gt; </iframe> </noscript>

Let me know what you think...thanks, Jared
User 187934 Photo


Senior Advisor
20,195 posts
Online Now

Look at the source code by right click view source.;)
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 140444 Photo


Registered User
99 posts

Eric,
I know what you mean by view source, but something is still making that form 462 px in height. I have changed what I see in the source to 300px which should be way to short and cut the bottom part of the form off.

When I view form I get what you put in your first response. But it is not resizing the form to 300px high.

Any thoughts?

Matter of fact, I just changed it to 100px and it still looks the same, see updated source:

<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"fswebform/fswebform.html\" width=\"304\" height=\"100\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"fswebform.php\" title=\"fswebform\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="304" height="100" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="fswebform/fswebform.html">
&lt;a href="fswebform.php" title="fswebform"&gt;Check out my CoffeeCup
Form&lt;/a&gt;
</iframe>
</noscript>

Thanks for your input I really appreciate it.
User 187934 Photo


Senior Advisor
20,195 posts
Online Now

Try using your own iframe.:)
<iframe width="304" height="400" style="border:none; background:transparent; overflow:hidden;" src="fswebform/fswebform.html"></iframe>
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 38401 Photo


Senior Advisor
10,951 posts

There are usually 2 different locations for the iframe code, one is usually in the HTML code and the other is in the CSS code. One governs the box that the content goes in and the other governs the content itself. Maybe you're changing the wrong one? Or maybe you need both changed?
User 140444 Photo


Registered User
99 posts

I have no idea...I have done this dozens of times by changing this:

<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"fswebform/fswebform.html\" width=\"304\" height=\"300\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"fswebform.php\" title=\"fswebform\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="304" height="300" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="fswebform/fswebform.html">
&lt;a href="fswebform.php" title="fswebform"&gt;Check out my CoffeeCup
Form&lt;/a&gt;
</iframe>
</noscript>

But now for some reason this form is adding another line of code that makes the height 462px, Keep in mind, I am not seeing this line of code in the typical "view source", but I see this using FireBug in Firefox to inspect the code.

<iframe id="fb_iframe" width="304" scrolling="no" height="462" frameborder="0" allowtransparency="true" src="fswebform/fswebform.html">

It is pulling from somewhere and I don't know where. Like I said I have created several forms and only had to change this in two places before and it worked great.
User 187934 Photo


Senior Advisor
20,195 posts
Online Now

Try dropping that social bar. I copied your source code and the form was only 100 tall as expected. After looking at the page the only thing that wasn't loading in my page was the social bar script. That might be the culprit.:)
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.