What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Submit button in iframe

    Asked by JGDATA on September 21, 2014 at 01:51 PM

    now submit button shows in iframe

    submit button iframe jotform submit
  • Profile Image

    Answered by Ben on September 21, 2014 at 04:24 PM

    Hi,

    Can you please give us a bit more details?

    Do you mean that the submit button is not shown or that only your submit button is shown when you use iframe method of embedding your jotform on your website?

    We see all of your jotforms with submit buttons shown when we take a look at them, so this would be specific to the jotforms after they are added to your website. If you give us the link to it on your website we can better understand the problem and offer the solution.

    Best Regards,
    Ben

  • Profile Image

    Answered by JGDATA on September 21, 2014 at 06:11 PM

    Hi Ben,

    Thanks for your quick response.

    I was having trouble with my forms not being seen on ipads or on iphones.  After a quick search of the forum I found that using the iframe code on my website to embed the form would cure my problem.  This has worked well for one of my forms and a client has checked and completed a form using her iphone, however I tried the same with a different form and found the submit button was not showing (it did show if I said YES to scroll in the code) but would not show otherwise.  Even when making enlarging the height, this would not cure the problem, so I put the code back to HTML embedded which brought the button back?

     

    The form is here: http://www.jgdata.co.uk/application-form.html

    Although it is not the iframe version.  Would you like me to put an iframr version on there to see if you can see why it was not working for me? (I use firefox to browse)

    Thanks for your help,

    John

  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 21, 2014 at 11:54 PM

    Hello John,

    I did check your web page where you have embedded your form and I found that you are using script embed code. Yes, please embed your form using its iFrame embed code and we will take a look on why the submit button is hidden. 

    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by JGDATA on September 22, 2014 at 04:28 AM

    Hi,

    I have now put an iframe form on the page as requested and the button does not show in my browser (firefox).

    http://www.jgdata.co.uk/application-form.html

    Here's the code:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.com/form/13605819236" frameborder="0" style="width:100%; height:4657px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Hope you can help?

    John

  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 22, 2014 at 08:45 AM

    Hello John,

    I did check your web page where you have embedded your form and I am able to replicate the issue you are having in firebox browser. It does works as expected in chrome though.

    I would suggest you to just add the  following iFrame embed code and remove the script code from it:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.com/form/13605819236" frameborder="0" style="width:100%; height:4740px; border:none;" scrolling="no"></iframe>

    Exclude the following script code:

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Do try this and get back to us if you have any trouble.

    Thank you!

  • Profile Image

    Answered by JGDATA on September 22, 2014 at 09:20 AM

    Solved!

    Thank you Ashwin - brilliant service and brilliant product.

    John

  • Profile Image

    Answered by Ben on September 22, 2014 at 10:31 AM

    Hi John,

    It is great to hear that your issue is solved.

    Do enjoy using JotForm and let us know in case you get any questions along the way :)

    Best Regards,
    Ben

  • Profile Image

    Answered by vairavan.g  on October 14, 2014 at 02:38 AM

    Dear friends,

     

    I am try to do automation tool for my company maintenance  project . it fully based on html and cpp

    in that they are using iframes. iframe contain id after the submission progress bar loaded then the submitted page(same page) displayed. after this process iframe id will be changed. i cant able to locate the iframe for the next process. if anybody have idea please share me...

    My mail id:vairavan.g@nihontechnology.com

     

    Thanks& regards,

    vairavan.g

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 14, 2014 at 03:49 AM

    Hello vairavan,

    I am not sure if your question is related to JotForm. If it is than I have not understood your question correctly.

    Please explain your question a bit more in detail and we will surely try help you. 

    Thank you!

  • Profile Image

    Answered by JGDATA on October 14, 2014 at 07:08 AM

    Hello,

    I received an email form you via this thread (the message is from vairavan)

    This has nothing to do with me as my problem was solved.  I do not know who vairavan is?

    Is it possible to stop getting emails from this thread?

    Many thanks,

    John - JGDATA

  • Profile Image

    Answered by vairavan.g  on October 14, 2014 at 08:24 AM

    Hello ashwin.

    Thanks for the reply.

    My qurey is not related to JotForm its related to selenium webdriver testing tool.

    In that tool i am not able to locate the dyanamically changed iframe id. if you know please help me

    Thanks& regards,

    vairavan.g

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 14, 2014 at 09:45 AM

    Hello John,

    Your thread was not private so someone else have used to ask questions. Sorry about that.

     

    Hello vairavan,

    This forum is to provide support to JotForm users to answer their form related query. "selenium webdriver testing tool" is out of our scope. Selenium have their own forum support and you may like to check the following URL:  http://seleniumforum.forumotion.net/ 

    Thank you!

  • Profile Image

    Answered by vairavan.g  on October 15, 2014 at 02:04 AM

    Thank you ashwin thank you so much ...............

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 15, 2014 at 03:36 AM

    Hello vairavan,

    You are welcome.

    Thank you!