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

    Can I change the placement or remove the required field pop up?

    Asked by Katie on April 04, 2013 at 04:28 PM

    I was wondering if there was a way to either change where these "this field is required pop up is located or a way to remove them. As you can see from the screenshot below it starts moving the other fields down, which ultimatly screws up the styling and design of the form itself (All the fields should be contained with in the grey box). Thanks!

    Screenshot
    required field style size font thanks
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 04, 2013 at 04:46 PM

    Hi,

    Removing them is the easiest and the best way to have it fixed. Simply inject the following CSS codes to your form.

     

    .form-error-message {

    display: none;

    }

    Guide: How to Inject Custom CSS Codes to your Form

    ---

    Another way without doing CSS injection is to expand your form width a bit via form builder and bring down the shrink fields to new line specially those fields that are already in the second line. This should prevent the fields to move when required validation error pops-up.

    To move fields to a new line, check this screen.

    To change the form width, check this:

    Hope this helps. Thank you!

     

  • Profile Image

    Answered by Katie on April 04, 2013 at 05:19 PM
    Thank you. Is there any way I can just remove the yellow exclamation point icon? That way the pop-up won’t be so tall? Let me know when you get a moment. Thanks!
    Have a great day,
    Katie Wuensch
    Production Automation Corporation
    6200 Bury Drive, Eden Prairie, MN 55346
    [Pac.logo]
    www.gotopac.com | www.cleanroomproducts.com
    Ph: (888) 903-0333 x24 | Em: katie.wuensch@gotopac.com
    Follow us on our Blog, Twitter or Facebook to keep up with the newest products and promotions!
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 04, 2013 at 06:16 PM

    Hi Katie,

    How about like this?

    If you like it, remove the first code and place this:

    .form-error-message {

    padding:0 !important;

    }

    However, if you like to remove the exclamation icon. Add this:

    .form-error-message img{

    visibility:hidden;

    }

    Feel free to let us know if you want further changes. Thanks!