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

    Condition to change the background of the form

    Asked by natupote on June 20, 2016 at 06:08 PM

    Hello peoples and sorry my english

    Is possible use the conditions to change the background image of my form?

     

    Thanks for read

    background image background condition
  • Profile Image
    JotForm Support

    Answered by jonathan on June 20, 2016 at 08:24 PM

    This can be achieved by using multiple page form and using the form source code. 

    You can review this discussion thread for similar solution.

    How-To-Dynamically-Change-Background-Image-of-Form-Per-Page

    Hope this help. Let us know if you need further assistance.

     

  • Profile Image

    Answered by irshadahmad84 on June 20, 2016 at 08:36 PM

     

    Yes, it is possible to change the Background image of the Form. I have created a custom Form with different Background image. Please check that custom Form on below URL:

    https://form.jotform.me/61664410408451

     

    Below are the steps for changing the Background image of Form:

    1. Need to click on the Preferences button.

    2. After clicking on the Preferences button, you need to go on "FORM STYLES -> CUSTOM CSS". In the custom css form box you need to inject the below css code:

    .form-all {

    background: url(https://www.jotform.com/images/themes/tile-black.jpg) repeat scroll 0 0;

    }

    And please remember to replace the background imge URL, with the background image URL of your own.

    Please try it, and let me know if you have any query.

  • Profile Image

    Answered by natupote on June 20, 2016 at 10:00 PM

    Hello

    I read the solution made by abajan, but i don`t understand how he put that script in the form, can you teach me?

  • Profile Image
    JotForm Support

    Answered by jonathan on June 20, 2016 at 10:17 PM

    Hi,

    For the solution of Abajan to work similar to what you need, you will need the following:

    #1. Your own website page where you can use the source code of the form.

    In Abajan's solution, this is the website page 

    #2 Source code embed of your form 

    #3 The custom javascript will be added to your website page.

    In Abajan's solution, this was the custom script.

    Do you have your own hosted website page? This is the main component for the solution to work.

    You can test the example solution in Abajan's page here.

    Let us know how we can be of further assistance.

     

    ---

    @ irshadahmad84

    Thank you for trying to help also. But I test your form https://form.jotform.me/61664410408451 and unfortunately the background is not changing the way you described it on your solution.

     

     

     

     

  • Profile Image

    Answered by natupote on June 21, 2016 at 11:44 AM

    Thanks, thats help me

    But i need change the background depending to the radiobutton selection

    for example, depending of the option selected in the radiobutton, the background changes 

    option 1 -> background 1

    option 2 -> background 2

    option 3 -> background 3

     

    Thanks!!

  • Profile Image
    JotForm Support

    Answered by BJoanna on June 21, 2016 at 12:51 PM

    Like mentioned by my colleague you will need to get full source code of your form and then to embed your form to your webpage. Then you will need to add javascript code to change form background based on selected radio button option. You can try to use javascript code provided by my colleagues on this thread: https://www.jotform.com/answers/496429