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 my form scaling on large screens?

    Asked by chris_phillips on October 19, 2016 at 06:31 AM

    How to I make the form scale like the background image does?

    I have the form looking really nice on my laptop but when a colleague opened it on a 27 inch high res screen the form looks tiny.

    Please see attached Good and Bad. Can the form scale?

     

    Screenshot
  • Profile Image

    Answered by chris_phillips on October 19, 2016 at 06:32 AM

    Now attaching the bad

     

  • Profile Image
    JotForm Support

    Answered by Nik_C on October 19, 2016 at 08:02 AM

    I opened your form on my computer(22" monitor) and it is showing normally:

    I'm sorry, but I don't see the difference between those two screenshots you shared, did you fix the issue in the meantime?

    We'll wait for your response.

    Thank you!

  • Profile Image

    Answered by chris_phillips on October 19, 2016 at 03:25 PM

    Press on the image in my second post. your will the women's head is fully visible but not so on first image. It might look fine in the scaled down version of image but the form covers less that 1/4 on a large screen. Is there any way to make the form scale?

  • Profile Image
    JotForm Support

    Answered by Chriistian on October 19, 2016 at 10:58 PM

    Please inject the custom CSS code below to make the form appear just as large in larger screens. Simply follow this guide on How to Inject Custom CSS Codes

    @media only screen and (min-width: 768px){

    .form-all{

    max-width: 50%;

    }

    }

    If you need further assistance, please let us know.
    Regards.

  • Profile Image

    Answered by chris_phillips on October 21, 2016 at 01:43 PM

    Exactly what I needed. Thanks