How I can insert image in collapse form?

  • Profile Image
    Romasalo
    Asked on August 21, 2012 at 03:15 AM

    I have standart form collapse. How I can insert image in collapse for.

    Something like this:1 2 3 before collapse form name

    http://jotformeu.com/form/22223753037346


  • Profile Image
    ItalyTech
    Answered on August 21, 2012 at 03:37 AM

    Hi and thanks for contacting us.

     

    Try to inject this css code:

     

    .form-collapse-table {
    background-image:url('http://www.urltoimage.jpg');
    background-repeat:no-repeat;
    }

     

    Let us know if this satisfy your request.

     

    Thanks.

    Alessandro

  • Profile Image
    Romasalo
    Answered on August 21, 2012 at 04:40 AM

    It works, but I need more than one image and for each form  collapse of another.
    How can I do this?

    Thanks for answer!!

  • Profile Image
    fxr
    Answered on August 21, 2012 at 05:50 AM

    You are going to have to work out the element ids' of each of the form collapse tables. 

    You can do this with Chrome, by right clicking on the relevant form collapse table and selecting 'Inspect Element', you should then see the lines of code responsible for rendering this element highlighted and from there you should be able to work out the element id:

     

    e.g the id of your top form-collapse is collapse_193

     

    meaning you can use CSS like this to set the background image of this element alone:

     

     

    #collapse_193 {
    background-image:url('http://www.urltoimage.jpg');
    background-repeat:no-repeat;
    }

     

    You would just repeat this process to set the background colors of the rest of the form collapse tables on your form. 

     

  • Profile Image
    Romasalo
    Answered on August 21, 2012 at 09:57 AM

    It works, very thanks!!!