Placing iFrame in a Text window: the code changes and causes formatting errors.

  • Profile Image
    Vdelmonaco
    Asked on January 31, 2014 at 11:19 AM

    Hello JotForm Support,

    It appears you haven't received the code I sent two days ago, so here it is again...

    Original message (with one attachment: the before and after code in a .png file)

    I tested on IE, FF, and Chrome on three different PC's. 
    This is the code I entered on my Master form in the HTML Tool window at the top of the screen:
    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/40227459152149" frameborder="0" style="width:690px; height:1860px; border:none;" scrolling="no"></iframe>
    I saved, clicked on My Forms, clicked Edit my Master form, clicked on the Text section. This is the code that is in there now:
    <iframe frameborder="0" scrolling="no" src="//form.jotform.us/form/40227459152149" style="width:690px;border:none;" alt="" /></iframe>
    Notice the order of some of the items have changed in addition to the missing height command.
    Please help.
    Thank you,
    Vic
  • Profile Image
    Welvin
    Answered on January 31, 2014 at 12:55 PM

    Hi Vic,

    Use the codes below instead:

    <iframe id="JotFormIFrame" allowtransparency="true" src="//www.jotform.us/form/40227459152149" frameborder="0" style="width:100%; height:1909px; border:none;" scrolling="no"></iframe>

    This is your form's actual iFrame Codes with the script tags removed from it. When adding this form into our Free Text HTML field, don't use the edit window, use the HTML button. You have to save the form, otherwise, the codes will be strip out when you go back to edit the free text field.

    You can also use our iFrame Embed Widget: http://widgets.jotform.com/widget/iframe_embed. The URL should be your form URL and set the height & width according to your form's actual height and width. You can add this widget to your form by following this guide: How to Add a Widget to your Form

    Thanks

  • Profile Image
    Vdelmonaco
    Answered on January 31, 2014 at 02:50 PM
    Hello,
    I was removing the script tags AND using the HTML button but still the code change problem continued. I just tried the widget and it is cutting off some text from the right side of the form even if I increase the widget width. This may be helpful...
    One of theforms I'm trying to embed in my Master form is: 40227459152149. Please provide me with further instruction.
    Thank you,
    Vic
    ...
  • Profile Image
    TitusN
    Answered on January 31, 2014 at 05:43 PM

    Hello Vic,

    I'm afraid you would have to download your form's full source code to implement this. 

    This is because any field on Jotform is stripped of scripts, including Iframe dynamic styling.

    Use your master's source code and place it on your website.

    Then, embed the child form's Iframe into it.

    Please let us know if this is something you would consider.

     

     

  • Profile Image
    Vdelmonaco
    Answered on February 07, 2014 at 12:30 AM
    Hello Jotform Support,
    I finally figured it out...
    The fix was to make the for (to be embedded) a little smaller in width than the master form.
    You can close this ticket.
    Thank you,
    Vic
    ...