What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can't get the form to fit properly in the iframe

    Asked by amynorman on June 20, 2012 at 05:44 AM

    Hi, 

    Somehow I managed to delete the page on my website that my form is redirected to. (through the custom thank you form) I've recreated the form and linked it to my registration form again, but I can't figure out what dimensions will get it to sit elegantly within the border of my page. The url for my page is:

    http://tonewoodstudio.iconosites.com/page/tuition

    Thanks a lot!

    A

  • Profile Image
    JotForm Support

    Answered by jonathan on June 20, 2012 at 07:53 AM

    Hi A,

    Can you still provide us additional context, an image/screenshot perhaps that shows how it does not 'sit elegantly' on the page.

    I checked the website and the forms they seem to be inside the iframe border as embedded, but I agree that persception may differ.

    You can include images in your post by using this guide (-How-to-insert-embed-a-screen-shot-a-k-a-screen-dump-into-a-post)

    Please update us.

    Thanks.

  • Profile Image

    Answered by amynorman on June 20, 2012 at 03:24 PM

    I followed your instructions, but still can't figure out how to load my screen shot. The screen shot image doesn't seem to have a url.? Anyway, I fixed the form I was originally having a problem with by changing the dimensions. Now I'm having a problem with a different form (tution 2). I keep trying to set the width to 100%, but the form stays really small within the frame. Could you please check the url? It's http://tonewoodstudio.iconosites.com/page/tuition-2

    Thanks

  • Profile Image

    Answered by pinoytech on June 20, 2012 at 04:49 PM

    Hi,

    Have you tried already increasing the width of your form? If not, please give a try. Increase your form width to 930 then get a fresh copy of your form code and embed it into your website.


    Thank you!

     

  • Profile Image

    Answered by amynorman on June 21, 2012 at 12:43 AM

    Hi, I just tried that. For some reason every time I update the form code on my page, it keeps reverting back to the dimension 320px x 240 px. I keep trying to manually change the dimensions in the html to a lot bigger than that, but it won't save. Here's the new url for the page: http://www.tonewoodstudio.com/page/tuition-2

    Thanks!

     

  • Profile Image
    JotForm Support

    Answered by liyam on June 21, 2012 at 02:54 AM

    Here's a screenshot on how your page looks like:

    If this is not how your form looks like from your view, can you share with us the type of browser you're using? 

    If you wish to expand how the width of your form looks like, you will need to adjust it from Jotform's form editor, following pinoytech's instruction.  Currently, your form's width is set to 690

  • Profile Image
    JotForm Support

    Answered by idarktech on June 21, 2012 at 03:01 AM

    Hi,

    In addition to my colleague's suggestion, you may try injecting this css codes to that form if the solution above doesn't work. Use this:

    body, html {

    background:white url(http://jotform.us/images/styles/style1_bg.gif) repeat-x 50% 0% !important;

    }

    How to Inject Custom CSS Codes

    Hope our suggestion works for you. Thanks!

  • Profile Image

    Answered by amynorman on June 21, 2012 at 02:35 PM

    This is so strange. I'm using Safari, and the form does not appear that way at all. There is a large gray box around the form, and the black surrounds that. I have two of these forms. One of them is looking fine. (which also seems strange, since when i make the settings the same on both forms, one looks good, and the other doesn't.)Here is the url again in case you're looking at the other form.

    http://www.tonewoodstudio.com/page/tuition-2

    Also, I tried all of your suggestions - changing the css and the width on the form. So far nothing works. (I changed the width back because it didn't work.)

    Thanks for looking into this.

  • Profile Image
    JotForm Support

    Answered by jonathan on June 21, 2012 at 05:01 PM

    Hi,

    Can you please confirm if as of this time, the issue was resolved already?

    I checked again your website and your form, it now looks like this

    Even in Safari browser, it displays similarly. The form width seems to have been adjusted to fit the iframe.

    Please update us.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by idarktech on June 21, 2012 at 07:40 PM

    @anynorman,

    Like jonathan, I can view your form fine here. I believed this is because of the injected css code. Please do not remove that as it would restore back to normal.

    Thanks for updating us. Do let us know if you have any further concern.

  • Profile Image

    Answered by amynorman on June 22, 2012 at 12:57 AM

    Just got your messages. Thanks, the form looks good now! However, I made some changes to it's content (which show up in the form on your site) hours ago, and they still don't appear on the form in my website.

  • Profile Image
    Chief Technology Officer

    Answered by eee on June 22, 2012 at 02:17 AM

    Hi,

    Please re-check your form about your changes, they should be shown now,

    If you still have problem, please let us know,

    Kindest Regards,

    Ertuğrul.