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.
How to add a background image to a form?Asked by odofertas on November 29, 2013 at 03:00 PM
as I can I can add a background image?, eg a png file on a phone and on this image, a text field
This is a re-post of a comment on How to Display Images on Secure Forms
Thank you for contacting us.
We can style the form with custom CSS. In order to add the image background you can inject the following CSS to your form:
no-repeat top left;
Where http://your-image.com/here.png should be replaced with your image URL. Also, if you add the form to httpS site, please make sure to use httpS path to your image.
Please feel free to contact us if you need any further assistance.
this process made the actual form turn into a background
what I need is the page background (wallpaper) to be set , not the form background
Can you try to inject this CSS line?
background: url('http://your-image.com/here.png') no-repeat top left;
Have a good day.
i have an image, can i know how to convert it to CSS File to use as my form backgroud?
You want to use your image as form background. Is that correct?
You need to first upload the image to any web server and then grab the URL. You can upload it in JotForm as well. Here are the steps you should follow:
1. Add the "Image" field in your form:
2. Choose "Upload Image File" option in the Image Wizard and then click Next:
3. Browse to the image file in your computer which you want to upload and then click "Upload File":
4. Select the Image field of your form then click "Image Source" in the toolbar :
You can then use this image URL in the custom css code to set it as the form back ground.
Hope this helps.
Do get back to us if you have any questions.