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

    Editing the thank you page

    Asked by Kers101 on October 29, 2014 at 12:00 AM
    I notice on the thank you page everything floats to the top. How do I centre the elements so that they are fixed?
    thank you page thank you center elements
  • Profile Image

    Answered by Ben on October 29, 2014 at 08:13 AM

    Hi,

    Can you please tell us what jotform you are referring to and if you mean to get them fixed to the center from the top and bottom or from the left and right borders?

    Best Regards,
    Ben

  • Profile Image

    Answered by Kers101 on October 29, 2014 at 08:57 AM

    I chose the thank you message over the default and custom  thank you messages..

    Need to import an image from my website images folder plus answer a few other questions to get the image on the form. You've made this a little tricky for me a novice.

    I also want to import a graphic button  so the visitor can  click on to go back 2 pages.

    If I can figure out the importing grpahics I'd be off to a good start

    The custom thank you page is a pain because it's almost impossible to find some html5 code that will center an image on the screen.

  • Profile Image

    Answered by Ben on October 29, 2014 at 10:43 AM

    Hi,

    I am sorry to hear that you are having trouble setting it up, but I will do my best to guide you through the steps :)

    Now to go back you would need to insert this as a link: javascript:history.go(-1);

    First. You can see the thank you message edited here: http://form.jotformpro.com/form/43013729668965

    Go to the thank you message:

    Now, to add the image, just click where you would like to see it and click on the add image button at the top (the image thanks.jpg that you were linking to does not seem to exist on your server).

    Now in the new window, we will see several options:

    In the Image URL field you should place the link to the image

    The Image description will show the text tooltip to anyone that puts their mouse over the image.

    Alignment will allow us to align the jotform to some side of our choice.

    Dimensions are useful to be set here if you have some specific values, but usually you would now click on the Update button and resize the image as you see fit directly on the message body.

    Now that is done.

    To add the link to go back, we just do the next thing:

    We select the text and click on the add link button in the toolbar.

    Now lets add the code: javascript:history.go(-1);

    Now I must say that I would recommend using the jotform URL to take them back to it, but the above will take them to the last page they were at (if there is any). It is the same as your browsers back button, so if it is not available, it will not be possible to go back neither (which is why a direct link would be better.

    Do let us know how this goes for you and if you have any further questions.

    Best Regards,
    Ben

  • Profile Image

    Answered by Kers101 on October 29, 2014 at 02:18 PM

    Hi Ben  Your instructions were very helpful and the thank you form works good.  Just one thing I notice: The elements of the pages tend to float to the  top even though they remain horizontally centered. Is there any way to get them to the center of the screen and stay there?

  • Profile Image

    Answered by Kers101 on October 29, 2014 at 02:58 PM

    I just of an easy way to keep the elements in vertical  position when running the page:

    Use some spacer images. In my case they would be white.

    I see the spacer size can be adjusted too.

     

    What do you think?

  • Profile Image

    Answered by Ben on October 29, 2014 at 05:05 PM

    Hi,

    You can also click above the image and click on Enter/Return key on your keyboard couple of times to set it away from the top (this would be the quickest way to do it).

    It would be possible to set it up with CSS as well, but that would require a bit of codding and the spacer images seem as a good solution as well. You can just add one and change its size as shown above.

    Best Regards,
    Ben

  • Profile Image

    Answered by Kers101 on October 29, 2014 at 05:22 PM

    Thanks Ben  I'm happy with it now and it works a lot easier that trying to use HTML5 and CSS3

    Jim

  • Profile Image

    Answered by Ben on October 29, 2014 at 06:26 PM

    Hi Jim,

    You are welcome.

    It is great to hear that.

    Do let us know if you have any further questions or need any further assistance and we will be glad to help.

    Best Regards,
    Ben