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

    Form changing vertical position when the browser window width is changed

    Asked by natupote on September 02, 2016 at 12:06 PM

    Hello

     

    My Form is changing the "y" VERTICAL position when the browser window width is changed, how i fix it? I need to fix [hold] completelly the vertical position of my form in just one vertical position, no changes, a CSS code will help me a lot

    thanks for help

    form:

    https://form.jotformz.com/62396609310658

     

    Page URL:
    https://form.jotformz.com/62396609310658

    Screenshot
    browser window JotForm uploads height css code
  • Profile Image
    JotForm Support

    Answered by Chriistian on September 02, 2016 at 01:02 PM

    To set a fixed position for your form, you can try to inject this custom CSS code:

    .form-all {

        position: fixed;

        left: 100px;  /* adjust the value as desired */

        top: 50px; /* adjust the value as desired */

    }


    To inject custom CSS code in your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.
    Regards.

     

     

  • Profile Image

    Answered by natupote on September 02, 2016 at 02:24 PM

    unfortunatelly the scroll dont works in this mode, the form stay frozen, i need to use the vertical movement

  • Profile Image
    JotForm Support

    Answered by Kiran on September 02, 2016 at 03:49 PM

    I am not sure if I understand your query correctly. Do you mean to say that the form to be displayed in the same position to top location when it the browser is resized horizontally? If so, please try injecting the following CSS code to your form and see if that helps.

    .jotform-form {

        padding: 60px 0 !important;

    }

    Let us know if you are referring something different. We will be happy to assist.