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

    Formatting a Radio List

    Asked by ccureslife on March 11, 2015 at 02:00 PM

    I'm trying to format a radio list but I'm not sure how to do it. The radio button list is on the second page of the form and I want it to look like the screenshot that I attached. How do I do that?

    Page URL:
    http://www.jotform.com//?formID=21455786396164

    Screenshot
    format attached second page
  • Profile Image
    JotForm Support

    Answered by Welvin on March 11, 2015 at 03:20 PM

    Hi,

    Unfortunately, your screenshot failed to appear in this thread. Kindly repost that by following this guide: http://www.jotform.com/answers/277033.

    Thanks

  • Profile Image

    Answered by ccureslife on March 11, 2015 at 03:31 PM

  • Profile Image
    JotForm Support

    Answered by Welvin on March 11, 2015 at 04:00 PM

    Unfortunately, a set of another checkbox options under a checkbox option of a field is not possible. But you can style it and move some wordings to a new line. For example, check this cloned version of your form:

    http://www.jotformpro.com/form/50696343335963

    The idea is to add a break <br> tags before the next line:

    Then you can inject the following custom CSS codes to align the texts:

    .form-checkbox-item label, .form-radio-item label {

    display: inline-table;

    width: 600px;

    }

    Here's how to inject the custom cSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Thanks