Trouble with embedded iframe and width

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

    I have a primary form (

    and a form embedded into it (

    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
    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:

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

    Adjust the values to your liking.