Formatting a Radio List

  • Profile Image
    ccureslife
    Asked 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?

  • Profile Image
    Welvin
    Answered 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
    ccureslife
    Answered on March 11, 2015 at 03:31 PM

  • Profile Image
    Welvin
    Answered 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