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

    How to set background of my form to be fixed?

    Asked by cadet_lawman on March 03, 2017 at 04:09 AM

    - Designer screen - Removed my background image and only would give me a gray scale colored form/text when I tried to change background images to get a different one to remain stationary.

  • Profile Image
    JotForm Support

    Answered by Nik_C on March 03, 2017 at 04:20 AM

    I didn't understand this completely. Is it related to the background that you want to be stationary like in this thread: https://www.jotform.com/answers/1081005 or you want to do something differently?

    Please give us more information.

    Thank you!

  • Profile Image

    Answered by cadet_lawman on March 09, 2017 at 10:13 AM
    It is somewhat related. In Form Designer I go to "Advanced" and on Form
    Background I check-mark Fixed and Cover. Then saved the form by clicking
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on March 09, 2017 at 11:57 AM

    I'm sorry, but apparently we didn't receive your message fully. 

    Could you please re-post the last reply.

    Thank you!

  • Profile Image

    Answered by cadet_lawman on March 11, 2017 at 10:56 AM
    I replied to your email and posted here.  This was the full messase.
     
    It is somewhat related.  In Form Designer I go to "Advanced" and on Form Background I check-mark Fixed and Cover.  Then saved the form by clicking on the disk image on the left side. The background image was gone and when I tried to revert it back to a previous version before that edit, that did not work.  
     
    Basically I want a fixed image and the text to scroll over the top.  Here is an example. 
     
    This link is to a form that was done in version 3 and and I putting off any edits until this is fully corrected.  https://form.jotform.com/60229000623138 
     
     
    Both of these pages are supposed to have a fixed image and used to until I used the version 4 and Form Designer advanced. 
     
     
  • Profile Image

    Answered by cadet_lawman on March 11, 2017 at 11:46 AM
    It is somewhat related. In Form Designer I go to "Advanced" and on Form
    Background I check-mark Fixed and Cover. Then saved the form by clicking
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on March 11, 2017 at 01:08 PM

    Thank you for additional information provided.

    Please follow these steps to make your background fixed and no repeated.

    1) Remove the existing background image:

    2) Copy and paste the below CSS code in your Custom CSS Field:

    .supernova {

    background: url("https://www.jotform.com/uploads/cadet_lawman/form_files/Bldg%20120.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    And you can do this in both of your forms. Also, I adjusted the URL in the above code so it holds the image you used before.

    Let us know how it worked for you.

    Thank you!

     

  • Profile Image

    Answered by cadet_lawman on March 12, 2017 at 01:46 AM
    Thank you very much, that worked. Is this a work around for the time being
    or is this the only way to get this accomplished?
    ...
  • Profile Image
    JotForm Support

    Answered by Jim_R on March 12, 2017 at 07:46 AM

    Setting up a fixed cover image as your form's background should work even without injecting CSS.

    Here's a short demo on how to achieve it, using the image below as the background

    https://www.jotform.com/uploads/cadet_lawman/form_files/Bldg%20120.jpg

    1. Remove the CSS and image (if any)

    2. Go to the Advanced Designer

    3. Paste the link/URL to the image as the PAGE BACKGROUND (not FORM BACKGROUND)

    4. Tick COVER and FIXED

    To wrap it up, you have 2 options:

    1. EITHER use CSS completely

    2. OR use the Form Builder