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 can I resize a header picture to fit the form?

    Asked by seankerwin on March 20, 2016 at 08:20 AM
    picture resize photo header photo
  • Profile Image

    Answered by Ben on March 20, 2016 at 08:33 AM

    Can you please give us a bit more details in regards to your query? Do you mean that you want to resize the picture on your form or in the email or thank you page?

    More details we have it is easier for us to assist you properly.

    Now looking into your account and seeing this form: http://www.jotform.us/form/60741218853153 I do presume that this is where the issue is seen due to the photo that goes out of the form.

    Now since it is within the header and seeing how you seem to wish to add multiple of the same, I would suggest adding this CSS to your form:

    div.header-logo {
        height: 120px;
        min-width: 200px;
        padding-right: 1em;
        width: 200px;
    }
    img.header-logo-left {
        max-width: 100%;
        width: 100%;
    }

    It will make all header images take the same size in the header with the text on the right of it.

    You can add it to your form by following the steps here: Inject Custom CSS Codes

    When you add the CSS to your form, do however add it after all the other CSS in your form.

    Do let us know how it goes and if you need any assistance with the same and we would be happy to assist with the same.

  • Profile Image

    Answered by seankerwin on March 21, 2016 at 03:21 AM
    Hi,
    Didn’t mean to trouble you with this one as I figured it out once before. I just can’t remember where I found the setting. Seemed like when I uploaded the first picture I was able to find a large, medium, small radio button for the image. Small was just perfect. Can’t remember where it was though. Does that make sense?
    Please take note of the brokerage relationship disclosures below my address. They are required by The New Hampshire Real Estate Commission. Do not reveal any confidential information until we agree upon entering into an agent/client relationship.
    Sean Kerwin, Realtor®
    THE MOLLERS, INC.
    27 Main Street, PO Box 154
    Hancock, NH 03449
    Office (603) 525-4211, ext 203
    Cell (603) 831-3269
    sean@themollers.com
    ☟ Please click below for important disclosures. ☟
    NH Brokerage Disclosure Form
    ...
  • Profile Image
    JotForm Support

    Answered by mert on March 21, 2016 at 05:20 AM

    Unfortunately, there is no ready to use option for resizing the header's image. However, you can easily play with its width on the field's "Properties", if you don't want to mess with the CSS codes.

    First, you need to access the header field's properties, then you can adjust the value on "Image Width". Please, see it from the below:

     

    For further assistance, please do let us know.

    Regards.