Formatting a Radio List

  • ccureslife
    Asked on March 11, 2015 at 2: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?

    Jotform Thread 531239 Screenshot
  • Welvin Support Team Lead
    Replied on March 11, 2015 at 3: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

  • ccureslife
    Replied on March 11, 2015 at 3:31 PM

    Formatting a Radio List Image 1 Screenshot 20

  • Welvin Support Team Lead
    Replied on March 11, 2015 at 4: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:

    Formatting a Radio List Image 1 Screenshot 20

    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