Can the space between columns of radio buttons be reduced?

  • Profile Image
    Benflips
    Asked on July 07, 2016 at 10:29 PM
    I have learnt how to arrange radio buttons in columns - can the space between columns be reduced? Or for that matter increased? I've got some checkboxes too in columns that the text gets to a certain width and then wraps (and when it wraps, it wraps under the checkbox itself which looks pretty crappy). This relates also to the earlier issue of wanting less space taken between fields/labels - if I choose Top label alignment, can I have the text wrap, rather than extend across the entire page?
  • Profile Image
    Kiran
    Answered on July 08, 2016 at 01:45 AM

    When the field label is aligned to left, the width of the field values is reduced and this might result in wrapping the text. So, aligning the field label to the top can have more space to the field values.

    You may increase the width of the field value by using the custom CSS below.

    #id_245 .form-radio-item {

        width: 170px;

    }

    You may get the field IDs (#id_245) by following the guide below:

    https://www.jotform.com/help/146-How-to-find-field-IDs-and-names

    If it is a checkbox, you may replace .form-radio-item with .form-checkbox-item in the CSS code and adjust the width as per the requirement.

    Hope this information helps! If you need any further assistance in this regard, please get back to us with the correct field in your form that you want to modify so that we can guide you in the right direction.

    Thank you!