https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box Gravity Support Forums Topic: Create an iframe box? en-US Sun, 19 Apr 2026 21:41:39 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44292 Fri, 16 Dec 2011 21:49:40 +0000 Rob Harrell 44292@https://legacy.forums.gravityhelp.com/ <p>Glad to help! Let us know if you need anything else. </p> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44291 Fri, 16 Dec 2011 20:59:34 +0000 seth17 44291@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob, the section break worked perfect! I hadn't considered using it or a simple h1 title tag. Thanks for the great service! </p> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44287 Fri, 16 Dec 2011 20:14:26 +0000 Rob Harrell 44287@https://legacy.forums.gravityhelp.com/ <p>Hey Seth, you can use a Section Break field there or just place the title in the actual HTML block. Something like:</p> <pre><code>[html] &lt;h1&gt;Title Text&lt;/h1&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44281 Fri, 16 Dec 2011 19:08:52 +0000 seth17 44281@https://legacy.forums.gravityhelp.com/ <p>Sweet. Last question (I hope!). What's the best way to give the html field a title above it, for instance, "Terms of Service"? I tried using the custom field and title options, but they both left an input box, which I don't want to display; only the title. </p> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44277 Fri, 16 Dec 2011 18:54:02 +0000 Rob Harrell 44277@https://legacy.forums.gravityhelp.com/ <p>You would replace "#field_2_10 .gfield_description" with "#field_2_11" so you would end up with:</p> <pre><code>[css] #field_2_11 { height: 200px; width: 580px; margin: 10px 10px 0 0; padding: 5px; border: 5px solid #fff; overflow: auto; }</code></pre> <p>Then in that HTML block you can format the content however you want with whatever HTML elements you'd like to use (Headings, paragraphs, breaks, etc). </p> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44275 Fri, 16 Dec 2011 18:34:51 +0000 seth17 44275@https://legacy.forums.gravityhelp.com/ <p>Ok, so I added an html form field, but not sure how to limit the size of the box like we did previously. (I still need to format the content) </p> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44272 Fri, 16 Dec 2011 18:06:25 +0000 Rob Harrell 44272@https://legacy.forums.gravityhelp.com/ <p>Great! The #field_2_10 is the ID related to that specific field. Since you probably don't want all of your field descriptions to be styled like this, we are just targeting this specific instance.</p> <p>You know, in light of your second question, another way you could do this is to place that text in an HTML form field type and put that above or below the check box field, that would than allow you to format your disclaimer a bit better to your liking. If you chose that route, we can then simply update that style declaration to target that HTML form field. </p> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44268 Fri, 16 Dec 2011 17:42:13 +0000 seth17 44268@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob, after a little tweaking, that got it! Here's the changes I made:<br /> #field_2_10 .gfield_description {<br /> height: 200px;<br /> width: 580px;<br /> margin: 10px 10px 0 0;<br /> padding: 5px;<br /> border: 5px solid #fff;<br /> overflow: auto;<br /> }<br /> By the way, what does the #field_2_10 area represent? Just trying to get grasp on on it for future reference.</p> <p>Also, is there a way to format the terms of service text within the field? </p> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44267 Fri, 16 Dec 2011 17:31:30 +0000 Rob Harrell 44267@https://legacy.forums.gravityhelp.com/ <p>Awesome Seth, try adding this to your theme's stylesheet:</p> <pre><code>[css] #field_2_10 .gfield_description { height: 100px; overflow: auto; }</code></pre> <p>Obviously you can feel free to change the height value to your liking. </p> https://legacy.forums.gravityhelp.com/topic/create-an-iframe-box#post-44266 Fri, 16 Dec 2011 17:24:33 +0000 seth17 44266@https://legacy.forums.gravityhelp.com/ <p>Rob,<br /> That helps regarding the check box and hiding the submit button, but the actual terms of service is REALLY long within the form, so is there a way to make the box smaller and scroll through within it, as in the example site I mentioned before? You can see what I've got currently: <a href="http://spearsmarketing.com/services/mobile-apps" rel="nofollow">http://spearsmarketing.com/services/mobile-apps</a> </p>