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 change the style of the required message, it looks bad in my form

    Asked by 2adorable on August 20, 2013 at 12:50 PM

    can the type of form validation be changed. for example instead of a message that says "this field is required" can there be a pop up window that shows the fields that still need to be filled that are not filled in?

    unfortunately when your standard validation message shows up it alters the form design. id like for this not to happen.

    message
  • Profile Image

    Answered by khrisell on August 20, 2013 at 03:24 PM

    Hello,

    May I know which form are you pertaining to so that I can clone and run some test on my end.

    How could this change the format of your form? Can you provide screenshots so that we could visualize the issue better?

    Kindly provide the Form title or URL as I can see that you have several Forms on your account.

    But as far as I know, we could modify the text of the warning message but making it as a pop-up window would be a complicated process that I have never tested before.

    Thank you and I will wait for your response.

  • Profile Image

    Answered by 2adorable on August 21, 2013 at 09:36 AM

    here is just one example

    http://form.jotformpro.com/form/31297009995970?

     

    when you click submit the required* fields without data move out of place.. 

    this happens to all jotform forms..

    is there a fix for this? 

  • Profile Image
    JotForm Support

    Answered by guilledutra on August 21, 2013 at 11:19 AM

    Hi,

    in order to fix the issue with the data moved out of place, please inject this custom css to fix the size of the error lines:

    .form-line-error {
    padding: 5px !important;
    }

    How to Inject custom css guide

    Please let us know if you need further assistance

    thanks

  • Profile Image

    Answered by 2adorable on August 22, 2013 at 04:17 PM

    that didnt work?

  • Profile Image
    JotForm Support

    Answered by jonathan on August 22, 2013 at 05:43 PM

    Hi,

    Can you please try changing the CSS code suggested by my colleague to this one

     

    .form-error-message {

    padding: 5px !important;

    }

    the class name should have been .form-error-message .
    But still this CSS code will only put a bit of width on the error message, and will still caused the other fields on the form to shift position when the required error message is triggered.

    Meanwhile this code will totally removed the error text messages on the fields which will then prevent the shifting of field position when error messages are triggered.

    .form-error-message {

    display:none;

    }

    But there is still a remaining red highlight border that gives cue that the field is required.

    I suggest you take which option is preferrable to you and will work best on your form.

    Inform us if there is more we can help you with.

    Thanks.

     

  • Profile Image

    Answered by 2adorable on August 26, 2013 at 12:47 PM

    yup this works for me !! thanks

  • Profile Image

    Answered by EliezerN on August 26, 2013 at 01:14 PM

    @2adorable

    It's nice to know that your issue has been resolved. Kindly let us if you need further assistance in the future about this issue or open a separate thread to make question unrelated to the one of this thread.

    Thanks