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

  • leedialydan
    Asked on March 1, 2021 at 3: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.

    Jotform Thread 2932541 Screenshot
  • Girish JotForm Support
    Replied on March 1, 2021 at 4: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.

  • leedialydan
    Replied on March 1, 2021 at 5:08 AM

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

  • Ariel JotForm Support
    Replied on March 1, 2021 at 7: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

  • leedialydan
    Replied on March 1, 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?

  • roneet
    Replied on March 1, 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 Screenshot 10

    Let us know if you have further questions.

    Thanks.

  • leedialydan
    Replied on March 1, 2021 at 11:12 PM

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

  • Girish JotForm Support
    Replied on March 2, 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 Screenshot 10

    1614663370 603dcecab7190 0203 10 Screenshot 21

    Please try this and let us know.