How to add image in form collapse?

  • Profile Image
    peeryapts
    Asked 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!

  • Profile Image
    ashwin_d
    Answered 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
    peeryapts
    Answered 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
    ashwin_d
    Answered 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
    peeryapts
    Answered 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
    ashwin_d
    Answered 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!