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

    Why is the image distorted in preview screen?

    Asked by DLAForms on July 25, 2017 at 03:06 PM

    I have added a logo to the last page of my form and it looks distorted when I complete/test the form.

    What are the size limits/perimeters and acceptable file types to add an image to the form

    my form is at https://form.jotform.us/DLAForms/conference-information--registratio

  • Profile Image
    JotForm Support

    Answered by Nik_C on July 25, 2017 at 03:32 PM

    Your image is fine, as you can see in your form: 

    It is just how the Preview widget is showing all fields, but you can fix that by inserting the below code in your Custom CSS field:

    #previewContainer li>div img {

        max-width: 405px!important;

    }

    And here is how it would look:

    Hope it helps.

    Let us know if you have any further questions.

    Thank you!

  • Profile Image

    Answered by DLAForms on July 25, 2017 at 05:43 PM
    Thank you, is that code supposed to all on one line or separated like you have it in your email, like this?
    #previewContainer li>div img {
    max-width: 405px!important;
    }
    Jocelyn Reed
    Project and Conference Coordinator
    Donate Life America
    701 East Byrd Street, 16th Floor
    Richmond, VA 23219
    804-377-3580(O)
    804-377-3590 (F)
    Register to be an organ, eye and tissue donor and make LIFE possible.
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on July 25, 2017 at 07:35 PM

    Hi Jocelyn,

    Either way you copy/paste the code on your form custom CSS should work. I think your email just parsed the spacing on the code, but it doesn't affect the script function.

    So you can just copy the code and it should still work.

    #previewContainer li>div img {

        max-width: 405px!important;

    }

    Let us know if you need further assistance.