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

  • Profile Image
    Katie
    Asked 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!

  • Profile Image
    EltonCris
    Answered 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
    Katie
    Answered 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
    EltonCris
    Answered 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!