How can I resize a header picture to fit the form?

  • seankerwin
    Asked on March 20, 2016 at 8:20 AM
  • Ben
    Replied on March 20, 2016 at 8: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.

  • seankerwin
    Replied on March 21, 2016 at 3: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
    ...
  • mert JotForm UI Developer
    Replied on March 21, 2016 at 5: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:

    How can I resize a header picture to fit the form? Image 1 Screenshot 20

     

    For further assistance, please do let us know.

    Regards.