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 align multiple images ?

    Asked by avwhittingham 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 

    Page URL:
    https://eu.jotform.com//?formID=60216115002334

    multiple images JotForm different find thanks align
  • Profile Image
    JotForm Support

    Answered by Kevin_G on January 25, 2016 at 03:08 PM

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

    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: 

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

     

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

    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.

     

  • Profile Image

    Answered by avwhittingham on January 25, 2016 at 05:06 PM

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

  • Profile Image
    JotForm Support

    Answered by Kevin_G on January 25, 2016 at 06: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.

  • Profile Image

    Answered by avwhittingham on January 26, 2016 at 07: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?

  • Profile Image
    JotForm Support

    Answered by Kevin_G 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.