Trouble with embedded iframe and width

  • Profile Image
    SunbridgeInstitute
    Asked on January 08, 2016 at 11:35 AM

    I have a primary form (http://www.jotform.com//?formID=60006441268953)

    and a form embedded into it (http://www.jotform.com//?formID=60007126527952)

    I'm aiming for the embedded form to be formatted in the way that it's designed, with labels generally on the left, and answers in a wider column on the right.

    It seems like the iframe embed is squeezing the embedded form a little, such that all the text is collapsing together toward the left side of the iframe, and it's not showing properly the way it's been formatted. I'm a little confused about all the places where width can be changed, so I'm hoping that you can guide me with specifics on how to correct this.

    Thank you so much!

  • Profile Image
    david
    Answered on January 08, 2016 at 02:45 PM

    I checked your form and it looks like you would need to increase the width of the main form.  Try adding this code to your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-all {
    width: 800px !important;
    width: 100%;
    max-width: 800px !important;
    }

    Then increase the width of the iFrame widget.  It should allow for the full form to embed.  Here is what it would look like with both set to 800px:

    https://form.jotform.com/60076037321951

    Adjust the values to your liking.