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.
Thank you message email is not working properly in an iFrameAsked by MGEL on January 13, 2015 at 01:16 PM
My 'Thank You' email works correctly in the following form: http://form.jotform.ca/form/50123292528248
When I use the above form in an iFrame as part of a multi-payment form (http://form.jotform.ca/form/50123385287253), the 'Thank you' email does not work properly. The 'Thank you' page picks up the 'Back' button from the form page, and then you need to scroll up the 'Thank you' page to find the message. In other words the message does not default to the top of the 'Thank you' page.
How do I fix this problem, so that the 'Thank you' message works in the iFrame, as it is the same problem for all four iFrames I am using in my multi-payment form.
Thanks very much.
Thank You message message email payment form JotForm problem style size
The issue is that iFrames work independently from the other elements around them. The thank you message will be loaded in the same frame as the payment form. Elements outside of that frame will persist, in this case, the "Back" button.
You should be able to include the "Back" button inside each frame, rather than a single button outside the frames. That way each frame will have the ability to go back to the original screen but the button will not longer be included in the "Thank You" page.
I hope this has made things a bit clearer. Let us know if this solution does not produce the desired results or if you have any further questions and we will be happy to help.
I have tried your suggestion, but regardless of where I put the back button, the Thank You email still includes parts of the content in the main form that is not included in the iFrame.
In addition, the Thank You message defaults to the bottom of the page that it is sent on, so that you need to scroll up the page just to find the message information.
How do I solve this problem, so that the only message information recived is what is in the Thank You, and it appears at the top of the page.
It looks like you may need to break your form down into pages, rather than just showing or hiding the widget fields. I added in a "form collapse" and a "page break" before each widget.
Then had the conditions send the user to the proper page, rather than showing each. I believe this is much more what you were looking for.
The problem with the buttons at the bottom still persists, this may be an issue I cannot fix. The buttons need to be there in order to allow for navigation. However, the payment fields are loaded without the original content from the first page. Here is my test form to show the changes:
I am still trying to get it so that the thank you is loaded at the very top, but the buttons at the bottom still pull the frame down a bit.
Thank you very much. I really appreciate your help.
This exactly what I want, but I still need the Thank You to load at the top of the page instead of the bottom...as most people will not know that they will need to scroll up, if they do not see any words.
Please let me know when you have been able to figure out how to make the Thank You appear at the top.
The only thing I could think of was to reduce the height of the iFrames:
This allowed for the "Thank you" message to be displayed at the top of each section. Here is my updated test form:
Since the frames were scrolling quite a bit to begin with, there is not much of a change.