Emebedded Form Continue Later

  • Profile Image
    petrescuealliance
    Asked on February 20, 2012 at 08:32 PM

    Hi,

     

    I have created a form and have used the embededd form on another site. I have a Continue Later button on every page. When the button is clicked it sends a link with a URL that allows me to edit the form. But it is no longer an embedded form on my site. Is there a way the submit javascript can return the same form so that it can be loaded as an embedded form? Right now if I look at the javascript http://submit.jotform.com/jsform/20492628373&sid=195599303108283525&mode=edit for the form I can see that none of the fields are being set. But in the html version http://submit.jotform.com/form.php?formID=20492628373&sid=195599303108283525&mode=edit everything looks good.

    Is this an enhancement that needs to happen? Or am I doing something incorrectly?

     

    Thanks

    Kevin

  • Profile Image
    fxr
    Answered on February 22, 2012 at 06:24 AM

    Hello Kevin, 

    Instead of using the javascript embed, can you use the Iframe embed method instead?

    Just use the : 

    http://submit.jotform.com/form.php?formID=20492628373&sid=195599303108283525&mode=edit 

    as the src of your iframe. 

  • Profile Image
    petrescuealliance
    Answered on February 22, 2012 at 10:32 AM

    Hi,

    Thanks for that suggesstion and guess what? It works! I spent a lot of time on this and wish I had posted my question earlier. My only remaining issue and this is really minor. Since I am using an iframe I need to specify the height but since each page is a different size. But if I set the height to encompass the longest page there is a lot of blank space on the pages with fewer form items. Any ideas on a good workaround? My plan is to just make sure all the forms have the same number of items. But if there is a better approach I'd love to hear it.

     

    Thanks

    Kevin

  • Profile Image
    fxr
    Answered on February 22, 2012 at 02:23 PM

    Hello Kevin,

    There is isnt really an easy answer for the problem you are now facing. 

    I have tried to find a coded solution to this sort of problem before, but altering the height of an iFrame on the fly when a 'button' is clicked on the page in that iFrame proved too difficult. One solution I can think of, that could work, is embedding a forms full source into a seperate webpage on your webserver, and adding javascript to that which will call a javascript function on the parent which will then change the height of the iFrame accordingly. 

    The problem with that sort of approach is the prepopulation of your fields.

    Personally, I feel, as you have already alluded to,  you are best looking at this problem from a form design point of view. Its just going to be much easier and anyone using your webpage/form is not going to notice that you didnt spend 20 hours working with javascript and/or php creating a pleasant experience for him. 

    Balance the fields out on your different pages as much as possible, and considering adding empty divs or <P> & <br> with a Free Text (HTML) field to get the changes from one page of your form to another within that iFrame as smooth and as balanced as possible. 

    Hope that helps.