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

    Form Background

    Asked by asensofilipino on May 27, 2014 at 11:16 AM

    I have been a Form2Pay user.

    How can I have the background of this form: http://asensofilipino.form2pay.com/subdealer.html

    I want the background to be used in my form: http://www.jotform.me/asensofilipino/subdealer

     

    Thank you! 

    Page URL:
    http://www.jotform.me/asensofilipino/subdealer

    Screenshot
    form background JotForm www
  • Profile Image

    Answered by Jim_Rank on May 27, 2014 at 12:54 PM

    Hi,

    To copy the background of the Form,You have to inject CSS code and at First you have to upload the backgroud-picture.Please see the following steps to do that-

    1. Upload your background picture here-

    https://www.jotform.com/help/image_upload.php?naked=true?naked=true

    Then grab the Image URL.

    2. Now go  to your second Form where you like to copy the background.

    3. Click on Setup&Embed>Preferences>Form Styles then inject the following  CSS code for example

    .form-all{

    background:url('https://cms.jotform.com/uploads/image_upload/image_upload/Jim_Rank/26823_backg.png');

    as like the picture-


    and now it's done.

    See the Example Form here-http://form.jotformpro.com/form/41464659365969

    For further help,please get back to us.

     

  • Profile Image
    JotForm Support

    Answered by Welvin on May 27, 2014 at 01:08 PM

    In addition, if you'd like to have the body background change to the same as the given example, you can inject the following custom CSS codes to the form: http://pastiebin.com/5384c5d801cb3

    Inject the custom CSS codes by following the guide given by my colleague or this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    If you need to change the header part (background and text color), you can use the following custom CSS codes: http://pastiebin.com/5384c62d08e97

    If you require any further assistance, feel free to contact us.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on May 27, 2014 at 01:09 PM

    I forgot to add the finished form. Here it is: http://www.jotformpro.com/form/41465350367960

    Thanks

  • Profile Image

    Answered by asensofilipino on May 27, 2014 at 01:24 PM

    Thank you Welvin ^_^