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

    How can I change the background of each Form Collapse Bar to a specific image for each one?

    Asked by gmotta11 on June 08, 2014 at 03:24 PM

    Hi, 

    I am trying to change each background image of the Form Collapse Bars so I can upload a custom backgound for each one. 

    I've tried this:

    #collapse_91 {background: url ('http://www.jotform.com/uploads/gmotta11/form_files/form_col_BG_name.jpg') repeat !important;}

    But it didn't work.

    What's the right CSS?

    Thanks!

    Page URL:
    http://form.jotformpro.com/form/41548382610958?

    collapse bar background image uploads jpg
  • Profile Image
    JotForm Support

    Answered by jonathan on June 08, 2014 at 04:45 PM

    Hi,

    You will have to specify the CSS code for each of the collapse ID#

    For example, in your form https://www.jotform.com/41548382610958 , you need to find out the collapase ID# to apply the CSS code. You got it right with #collapse_91 being the top most collapse element.

    Try adding the CSS code like this instead

    #collapse_91 {

    background-image:url('https://www.jotform.com/uploads/gmotta11/form_files/form_col_BG_name.jpg');

    background-repeat:no-repeat;

    }

    it should work.
    The only problem I see about the image is that, it was not occupying the whole collapse bar due to the other CSS code in the form. (Unless you it was intentional, I'll leave the sample as is for now)
    Please inform us if you need further assistance.
    Thanks!
  • Profile Image

    Answered by gmotta11 on June 08, 2014 at 05:29 PM

    Works perfect! Thank you so much! 

    You guys ROCK! :-)

  • Profile Image
    JotForm Support

    Answered by jonathan on June 08, 2014 at 05:59 PM

    You are quite welcome. We are glad to be of help. 

    Contact us again anytime should you need our assistance.

    Thanks!