How do I autofit the visual of thank you page to window

  • Profile Image
    leedialydan
    Asked on March 01, 2021 at 03:13 AM

    Hi,

    I want to autofit the visual of thank you page to window.
    Url is: https://www.jotform.com/build/210548194970461/settings/thankyou

    I want all the users to see the whole image I inserted in this form but the window cannot fit the whole image, only a small part of it can be seen.

  • Profile Image
    gerardw
    Answered on March 01, 2021 at 04:55 AM

    Please reduce the size of the image on the Thank you page, upload it on the Thank you page again and then check if it helps.

  • Profile Image
    leedialydan
    Answered on March 01, 2021 at 05:08 AM

    Is there a suggested size? Or how do I lock the deisgn? The size differs on every device

  • Profile Image
    Ariel_P
    Answered on March 01, 2021 at 07:05 AM

    Hi,

    You can inject this code into your form's CSS to have the image adjust to the screen size:

    .thankyou * {
        max-width: 100%;
    }
    .thankyou img {
        height: auto;
    }

    Give it a try and let us know how it goes.

    Related Guide: How to Inject Custom CSS Codes

  • Profile Image
    leedialydan
    Answered on March 01, 2021 at 10:18 AM

    It worked but the alignment seems odd. Anyway, how do I do the same action to email content after form submission?

  • Profile Image
    roneet
    Answered on March 01, 2021 at 12:29 PM

    Are you referring to the image in the autoresponse email? If yes, you can adjust the image this way:

    1614619706_603d243a4b800_888888888.gif

    Let us know if you have further questions.

    Thanks.

  • Profile Image
    leedialydan
    Answered on March 01, 2021 at 11:12 PM

    Yeap, but it also differs on every device, can it be autofitting to every device?

  • Profile Image
    gerardw
    Answered on March 02, 2021 at 12:36 AM

    Just drag and readjust the size of the image on the email.

    I cloned your form and tested and this is how I am viewing it on desktop and phone respectively:

    1614663228_603dce3c43415_0203_9.png

    1614663370_603dcecab7190_0203_10.png

    Please try this and let us know.