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 to add image in form collapse?

    Asked by peeryapts on August 10, 2014 at 08:56 PM

    I have a text box on my mobile site that has a black color fill with 50% opacity. 

    The JotForm that I use on the page is a modified version of the Pastel Theme, but I am not able match the color of the form collapse bars on the form, to the text box on the page.  Again, the text box has a black fill color with 50% opacity.  Is there any way to get that same color fill on the Form collapse bars? (see screen shot)

    Thank you for the help!

    Page URL:
    http://www.peeryapartments.com/m-programs.html

    Screenshot
    JotForm Mobile pastel theme site
  • Profile Image
    JotForm Support

    Answered by ashwin_d on August 10, 2014 at 11:12 PM

    Hello peeryapts,

    I did check your web page and found that the "Incentive Program" is actually an image. Please check here.

    Please inject the following custom css code in your form to use the same image for form collapse background:

    .form-section-closed, .form-collapse-table {

    background-image:url('http://www.jotform.com/uploads/ashwin_d/form_files/shape_pic67-1.png') !important;background-repeat:no-repeat !important;

    }

    The following guide should help you inject the custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by peeryapts on August 11, 2014 at 12:06 AM

    Thanks for the help, but is there a way to have the form collapse bar the same color either way? With your CSS, the bars are black when closed, and are only the color I want the to be when open.  I would rather have them the same color either way.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on August 11, 2014 at 01:29 AM

    Hello peeryapts,

    Please try the following custom css code :

    .form-collapse-table {background-image:url('http://www.jotform.com/uploads/ashwin_d/form_files/shape_pic67-1.png') !important;background-repeat:no-repeat !important;}

    Do get back to us if the above css code does not work as expected.

    Thank you!

  • Profile Image

    Answered by peeryapts on August 11, 2014 at 01:31 AM
    Thank you so much for your help. I just figured it out also. You guys are awesome!
    Management
    Historic Peery Apartments
    Confidentiality Note: This email may contain confidential and/or private information that is protected by law. If you received this email in error please delete and notify sender.
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on August 11, 2014 at 03:55 AM

    Hello peeryapts,

    You are welcome.

    Do get back to us if you have any questions.

    Thank you!