PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Create an iframe box?

  1. Hi, I'm wondering if it's possible to create an iframe, or inline box using Gravity Forms for a terms of service/contract agreement form. something similar to this: http://www.fulltimestudio.com/mobile-app-solutions
    I apologize if this question has already been asked before, but I wasn't able to find an answer so far within the forum. Thanks!

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  2. Hey Seth, are you trying to iframe a form into a non-WP site? You can always create a blank template on your WP site and then place the form on that page to then iframe into another site.

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  3. No, I'm using WordPress. That site is using Joomla, I think.

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  4. OK, I think I'm confused as to why you would need to use iframes for the form. Can you elaborate on what exactly you are trying to do.

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  5. I'm trying to create a form very similar to that one, except on WordPress and using Gravity Forms. I'm just not sure how to add a "terms of service" or contract box that has to be checked to continue. Does that make sense? Here's what I've got so far: http://spearsmarketing.com/services/mobile-apps

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  6. Hey Seth, you'll want to use conditional logic here. So you can setup a Checkbox field for example and place your disclaimer text and then if you just one a one-page form you can actually hide the submit button until that option is checked (this would be set at the top of the form settings in the form builder, see: http://www.gravityhelp.com/documentation/page/File:Form-settings-advanced.png)

    If you want to do a multi-page form, then you would put that conditional logic on the section that should show afterwards. See: http://www.gravityhelp.com/documentation/page/File:Page-break-advanced.png

    Let me know if this helps you get to where you want to be.

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  7. Rob,
    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: http://spearsmarketing.com/services/mobile-apps

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  8. Awesome Seth, try adding this to your theme's stylesheet:

    [css]
    #field_2_10 .gfield_description {
    height: 100px;
    overflow: auto;
    }

    Obviously you can feel free to change the height value to your liking.

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  9. Thanks Rob, after a little tweaking, that got it! Here's the changes I made:
    #field_2_10 .gfield_description {
    height: 200px;
    width: 580px;
    margin: 10px 10px 0 0;
    padding: 5px;
    border: 5px solid #fff;
    overflow: auto;
    }
    By the way, what does the #field_2_10 area represent? Just trying to get grasp on on it for future reference.

    Also, is there a way to format the terms of service text within the field?

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  10. 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.

    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.

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  11. 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)

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  12. You would replace "#field_2_10 .gfield_description" with "#field_2_11" so you would end up with:

    [css]
    #field_2_11 {
    height: 200px;
    width: 580px;
    margin: 10px 10px 0 0;
    padding: 5px;
    border: 5px solid #fff;
    overflow: auto;
    }

    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).

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  13. 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.

    Posted 12 years ago on Friday December 16, 2011 | Permalink
  14. Hey Seth, you can use a Section Break field there or just place the title in the actual HTML block. Something like:

    [html]
    <h1>Title Text</h1>
    Posted 12 years ago on Saturday December 17, 2011 | Permalink
  15. Thanks Rob, the section break worked perfect! I hadn't considered using it or a simple h1 title tag. Thanks for the great service!

    Posted 12 years ago on Saturday December 17, 2011 | Permalink
  16. Glad to help! Let us know if you need anything else.

    Posted 12 years ago on Saturday December 17, 2011 | Permalink

This topic has been resolved and has been closed to new replies.