With Jotform running in an IFrame, does a webhook continue to operate within that IFrame?

  • Profile Image
    Asked on December 17, 2013 at 12:45 PM

    My webhook uses a fixed URL pointing at a 'relay' page which collects all form items and re-posts them to a variable URL stored within a hidden form field (populated on Jotform launch by passing the URL through).

    The Jotform is launched inside an IFrame and it appears that on calling the webhook, the entire (parent) browser takes over, rather than continuing to operate within the IFrame. I get to see Jotform's 'Please wait' hourglass animation within the IFrame, then it looks liek the parent takes over.

    My relay page uses <form.... >

    Any suggestions or advice are much appreciated.

  • Profile Image
    Answered on December 17, 2013 at 03:30 PM

    I see you have two forms on your account and it looks like you have the webhook set up on this form: http://www.jotformeu.com/form/30303380808346. Is that correct?

    May we have your permission to test this webhook more directly to see what happens? This way we can help to troubleshoot this more accurately for you?

  • Profile Image
    Answered on December 17, 2013 at 07:48 PM
    Be my guest!
    Thank you.
    iPhone, so brief...
  • Profile Image
    Answered on December 19, 2013 at 10:57 AM
    Polite request - have you been able to conclude anything on this?
    Be my guest!
    Thank you.
    iPhone, so brief...
  • Profile Image
    Answered on December 20, 2013 at 11:31 AM

    If you go to http://dev.touch-base.com/interview and follow the highlights below you will display the form (a shorter alternative form this time):

    Select from the tree as highlit to display Jotform in its iframe:

    My ASP relay page (which I want the WebHook to post form data to) is http://dev,touch-base.com/kfc32/JotFormReturnOriginal.asp and comprises:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    <title>Jotform Testing</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript">
    function submitform()
    <body onload="setTimeout(function() {submitform();},250);">
    <p>You are being redirected. It may take a couple of seconds....</p>
    <form name="myform" method="post" action="<%=Request.Form("kfposturl")%>" >
     For Each Item In Request.Form
         fieldName = Item
         fieldValue = Request.Form(Item)
         Response.Write("<input id='" & fieldName & "' name='" & fieldName & "' type ='hidden' value='" &  fieldValue & "' />")


  • Profile Image
    Answered on December 20, 2013 at 01:09 PM


    Custom URL loads in a separate page not within iframe. Since you are already using Webhook, I think there will be no need to use the Custom Thank you URL instead replace it with Thank you Message. This might resolved the problem.

    Please continue to update us if the issue persists. Thanks!

  • Profile Image
    Answered on January 02, 2014 at 11:42 AM

    Alas, I can't use the Thank You message as this will simply halt the flow (there is likely to be more user dialogue within our application and maybe even presenting further forms).

    I must post the form data back to my URL and redirect the frame to my return URL which you seem to suggest isn't possible?

  • Profile Image
    Answered on January 02, 2014 at 01:14 PM


    Sorry but that's the only way I could think of as of the moment. I'm sure my colleagues will also provide their ideas if they had.

    By the way, how about embedding the form using form source code then add target attribute on the form tag with the iframe name as the value so it targets the iframe once the form is submitted?


    <form class="jotform-form" action="http://submit.jotform.co/submit/33532066444855/" method="post" name="form_33532066444855" id="33532066444855" accept-charset="utf-8" novalidate="true">

    Then create another iframe on your page with the name "myiframe". Exampe:

    <iframe name="myiframe" style="width:100%;height:300px;border:none;" frameborder="0" ></iframe>

    I'm not sure if this helps, but it's worth a try.