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

    Still want to see the 3 fields from "splashpage" after a password is entered

    Asked by Wince on August 05, 2011 at 12:46 PM

    The first page/part seen has a contact #, Club Name and password field with all 3 being manditory.

    It is set-up so that the person needs to fill in all 3, but it is really only the password that "unhides" the rest of the form.

    I want the fields to still be seen when the balance of the form "unhides" (the password field doesn't matter, just the other 2).

    I want this, so that when the form is submitted, I know who sent it and have a contact # if they entered something incorrectly. The 3 fields provide the illusion of a higher security access than there really is :)

    The form works great!!! .... it's just the disappearing of those first fields that is an issue

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 05, 2011 at 05:02 PM

    Hi,

    Since you used page breaks in your form, it is but natural to hide the first page when the user clicks next to go to the second page. We can override this using custom css, such as in this clone of your form. The downside to this is that we cannot prevent the form to "jump" when the Next button is clicked - it is hardcoded in the JavaScript code of the form.

    Inject this custom css onto your form:

    .form-all ul:first-child {
        displayblock !important;
    }

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea

    Please note that the solution I offered above doesn't work on IE versions lower than 7.

    Hope this helps. Thanks!


    Neil

  • Profile Image

    Answered by Wince on August 05, 2011 at 05:18 PM

    Neil .... it worked great thank you!!

    I view the "jumping down" to the next section as a good thing for the data entry person (less confusing)

    All the best - Vince