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

    Required error message on my fields is partially hidden.

    Asked by sjpd on May 13, 2015 at 07:11 PM

    I have a form where I'm trying to design several questions that each have a single required "Yes" checkbox.  I want the label to be on the left, and the checkbox to be on the right.

    But when I select the checkbox in the preview window, and then de-select it, the checkbox becomes hidden, presumably by the message that tells the user the field is required (however that message is also partially hidden).

    I've tried setting widths, margins and padding to all the associated ID tags through trial and error to see if I can force enough space arond the checkbox to work around this problem.  But with no luck.

     

    Please visit my form and check the Yes box next to "I am at least 20 1/2 years old. (Mandatory retirement at 70 years old.) *"

    Then uncheck that same box, and you will see my problem.

    Please help me find a solution that can exist on a single row.

     

    Thanks,

     

    -Dave Bartholomew

     

     

    Page URL:
    https://secure.jotform.us/form/50215879780160

    Screenshot
    checkbox label format required error error style
  • Profile Image
    JotForm Support

    Answered by BDAVID on May 13, 2015 at 07:48 PM

    Please inject the following CSS code at the bottom: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-line.form-line-column.form-col-1.jf-required{

    width: 780px !important;

    }.form-line.form-line-column.form-col-2.jf-required{

    width: 780px !important;

    }.form-line.form-line-column.form-col-3.jf-required{

    width: 780px !important;

    }.form-line.form-line-column.form-col-4.jf-required{

    width: 780px !important;

    }.form-line.form-line-column.form-col-5.jf-required{

    width: 780px !important;

    }

    This will fix the problem:

    You may clone my form in your account if you want to: http://form.jotformpro.com/form/51327345406956?

    If you need anything else, please open a new thread, we will be glad to assist you.

  • Profile Image

    Answered by sjpd on May 15, 2015 at 04:29 PM

    Thanks!

    By the way, your online support and responses to my questions are much better than Adobe ever offered with FormsCentral.

  • Profile Image

    Answered by Ben on May 15, 2015 at 05:35 PM

    In my colleague's name, you are welcome.

    Thank you for your nice words and do let us know if there is anything else that we can do for you and we would be happy to do so :)

    PS: Welcome to JotForm :)