How to align multiple images ?

  • avwhittingham
    Asked on January 25, 2016 at 11:01 AM

    Hi,

    I need to incorporate several logos of our sponsors into a form, they're all different shapes and sizes and ideally they should be aligned horizontally at the end, is there an easy way to do this? or even a complicated way?

    You can find my form here: https://eu.jotform.com//?formID=60216115002334

     

    Thanks in anticipation

     

    Tony Whittingham 

  • Kevin Support Team Lead
    Replied on January 25, 2016 at 3:08 PM

    I checked your form and images are currently are being displayed like this: 

    How to align multiple images ?  Image 1 Screenshot 50

    The easiest way to display your images inline is using the Text Field, you will find it under the Form Tools in the Form Builder: 

    How to align multiple images ?  Image 2 Screenshot 61

    Then, you can add the image by clicking on Edit HTML button:

     How to align multiple images ?  Image 3 Screenshot 72

    Click on the Image icon and then paste the URL of the image, you may also change the dimensions:

    How to align multiple images ?  Image 4 Screenshot 83

    See the result here, you may also clone ithttps://form.jotform.com/60245967010956 

    Following this method you will not need to use code, just add the images and change the dimensions.

     

  • avwhittingham
    Replied on January 25, 2016 at 5:06 PM

    Many thanks, is there a way to centralise the logos horizontally within the text box?

  • Kevin Support Team Lead
    Replied on January 25, 2016 at 6:50 PM

    You're welcome.

    Sure, just inject this code:

    li#id_120 {

        margin-left: 15%;

    }

    Change the value highlighted on green, if that does not move the images as you want.

  • avwhittingham
    Replied on January 26, 2016 at 7:05 AM

    All is great thanks apart from the fact that during the final setup my 'Home phone Number' fields have moved, I've altered the size of the area code with css but proportions and spacing is all wrong and I'm under a bit of pressure to get this finished, all advice gratefully received

     

    Tony

     

    I've got it sorted now but I presume that I've altered a setting to give fixed field width which has distorted the proportions, any ideas?

  • Kevin Support Team Lead
    Replied on January 26, 2016 at 11:58 AM

    Great to know it worked.

    Since your second questions is not related to images, I have moved it to this thread: http://www.jotform.com/answers/756306 

    We will assist you there.