- BenAnswered on October 29, 2014 at 08:13 AM
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?
- Kers101Answered 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.
- BenAnswered on October 29, 2014 at 10:43 AM
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 :)
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 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.
- Kers101Answered 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?
- Kers101Answered 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?
- BenAnswered on October 29, 2014 at 05:05 PM
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.
- Kers101Answered 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
- BenAnswered on October 29, 2014 at 06:26 PM
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.