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

    Form width is not correct once I embed.

    Asked by MiamiValleyMarketing on August 15, 2011 at 04:35 PM

    I have a form here - http://homefull.org/2011-homefull-gala-registration/

     

    I cannot get the form to display at 650 pixels wide even though I have it set to be 650 in the form setup.

    I also tried using custom css, but that's not working either, it just duplicates the class on the live page.

    Also, I have a click to expand button in the event the user adds additional details. When you click the button, it expands, but then they have to click it again to colapse it to see the submit button.

    Any ideas on what I am missing?

     

    Thanks,

    BIll

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 15, 2011 at 05:02 PM

    Hi Bill,

    Can you please try re-embedding your form using the code below?

    <script src="//www.jotform.com/jsform/12213824018"></script>

    If possible, please do not embed these codes inside paragraph <p></p> tags.

    As for the collapsed section taking over your whole form when expanding, it is due to the height restriction you have set in your form. I have removed the css code you have injected and it now seem to work properly.

    Please get back to us if any of your problems persist. Thanks!


    Neil

  • Profile Image

    Answered by MiamiValleyMarketing on August 15, 2011 at 05:13 PM

    hi Neil.  I tried that code, same result.  There are no <p> tags that I can see here.  I am just pasting the script code into the HTML tab and saving the page.

     

    Bill

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 15, 2011 at 05:18 PM

    Try using iFrame codes instead. To get your form's iframe codes:

    1.  Go to Setup & Embed tab
    2.  Click Embed Form
    3.  Click iFrame
    4.  Copy the codes provided in the succeeding screen

    I'll await your updates.


    Neil

  • Profile Image

    Answered by MiamiValleyMarketing on August 15, 2011 at 05:25 PM

    This is the iFrame code -

    <iframe allowtransparency="true" src="//form.jotform.com/form/12213824018" frameborder="0" style="width:100%; height:3321px; border:none;" scrolling="no">
    </iframe>

    Embeded that in the HTML tab, and if you look at the page, still no change in width.


    Bill

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 15, 2011 at 05:52 PM

    Bill

    After searching extensively, I finally found the root cause of your problem. Please remove this code in your site's stylesheet 'homefull.css'

    #content div p:first-child {
        float: left;
    }

    You can edit the file by logging in to your wordpress admin page. Go to Appearance > Editor > homefull.css

    You may then use any type of embed code for your form. The old codes are preferred to enable dynamic resizing of the form

    <script src="//www.jotform.com/jsform/12213824018"></script>

    Hope this helps. Let us know if you need more information with regard to this topic.


    Neil

  • Profile Image

    Answered by MiamiValleyMarketing on August 15, 2011 at 06:00 PM

    Hi Neil, looks like that did the trick :-)

    Thank you!!!

    Bill

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 15, 2011 at 06:03 PM

    Glad to hear that, Bill. Feel free to search the forum or ask any of our support team members if you need any help with your forms. Thanks!


    Neil