Lining up single choice fields

  • RFOneVision
    Asked on April 1, 2018 at 8:28 AM

    I would like the various single-choice fields on this form to all be lined up similarly on one line each, with radio-button and text equally spaced. Is this possible?

    I would also like to centre the last line rather than have it left-justified.

    Thanks,

    David

  • Elton Support Team Lead
    Replied on April 1, 2018 at 11:37 AM

    Inject this CSS codes to your form to align the radio button label in the same line of its button.

    [data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide {

        max-width: 480px;

    }

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

        margin-left: 2px;

    }

    div#text_54 p {

        text-align: center;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    After that, find this in the injected CSS codes in your form and remove it. This code breaks the layout of the first radio button field.

    #id_75 input, #id_77 input, #id_78 input, #id_80 input, #id_81 input {

       width: 90px;

    }

    If you need further assistance, let us know.