Form: How to make fields fixed with scrolling?

  • clcpromotions
    Asked on April 13, 2018 at 1:01 PM

    How do I keep a field from scrolling with the form?

  • Richie JotForm Support
    Replied on April 13, 2018 at 2:37 PM

    Do you want a field to be static so that when you scroll the field will follow?

    We can do that by using custom css code. You need to find out the field id of your desired field and add the code

    #Field_ID

    position:fixed;

    bottom:20px;


    You need to replace the "Field_ID" with your won from field id and also adjust the value of the bottom display.

    Guide:How-to-find-Field-IDs-Names


    May we know what fields you want to be fixed in scrolling?

    Thank you.

  • clcpromotions
    Replied on April 13, 2018 at 3:43 PM
    Can you take a look at this form:
    https://zenironpower.wufoo.com/forms/oregon-state-championships-2018/
    Notice the way the total is calculated and fields added as they are populated? This is what Im trying to accomplish
    Maggie Kuhn, Owner
    CBUS Lifting Co., LLC
    Phone: 614-301-3101
    Cell: 614-507-1687
    maggie@cbusliftingco.com
    www.cbusliftingco.com
    The only thing keeping you from greatness is your willingness to accept good, as enough. Unleash the greatness within you.
    ________________________________
    ...
  • Brody_S
    Replied on April 13, 2018 at 3:55 PM

    As my colleague has mentioned you can achieve that effect with the custom CSS.

    I would just alter his CSS a bit to append the element to the top:

    #Field_ID {

    position:fixed;

    top:20px;

    }

    If you require any more assistance with this or any other matter feel free to contact us!

    Thanks