Body: <p>I'm working on a long form with &quot;radio-button&quot; type options and conditional rules to display the options. All good with this.
  The problem is that when I have created a new container with the custom radio type fields, these are displayed side by side and <strong>not in a single column</strong>.</p>
  <p><a href="https://i.sstatic.net/Ghbnk.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/Ghbnk.png" alt="List of unordered radio options" /></a></p>
  <p>I already checked &quot;show one option per line&quot; when creating the custom fields.
  <a href="https://i.sstatic.net/pIHnt.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/pIHnt.png" alt="enter image description here" /></a></p>
  <p>I've also tried changing the way the elements inside the container are displayed in the form-builder options and this doesn't work for me.
  <a href="https://i.sstatic.net/bpwoy.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/bpwoy.png" alt="enter image description here" /></a></p>
  <p>I've tried to add custom CSS but that only negatively affects the radio options.</p>
  <pre><code> input[type=&quot;radio&quot;] {
      display: block;
    }
  </code></pre>
  <p><strong>How can I display the radio options in a single column (one below the other)?</strong></p>
  <p><em>This is the form: <a href="https://crm.ingenium.org.mx/civicrm/solicitud-admision/" rel="nofollow noreferrer">https://crm.ingenium.org.mx/civicrm/solicitud-admision/</a></em></p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2024-04-10T12:30:43.993Z
Comments.Text: What version are you on? I think show option per line = 1 should work as expected. Can you replicate the same on demo site - https://dmaster.demo.civicrm.org/?
Comments.UserDisplayName: jitendra - fuzion
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2024-04-11T14:49:05.117Z
Comments.Text: @jitendra-fuzion I'm using version 5.72.1 in WordPress. I also thought that putting 1 option per line in the custom field settings would fix it but it didn't.
Comments.UserDisplayName: Suri Gang's Hallen
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2024-04-12T09:07:47.827Z
Comments.Text: Can you replicate the same on wordpress demo site? https://wpmaster.demo.civicrm.org/wp-admin/admin.php?page=CiviCRM.
Comments.UserDisplayName: jitendra - fuzion
Tags: <custom-fields><forms><formbuilder><fields><admin>
Title: Unordered radiobutton options in Form-Builder
ThreadText: # Unordered radiobutton options in Form-Builder
  
  (Asked by: username_0 on 2024-04-08)
  
  I'm working on a long form with "radio-button" type options and conditional rules to display the options. All good with this.
  The problem is that when I have created a new container with the custom radio type fields, these are displayed side by side and not in a single column.
  
  I already checked "show one option per line" when creating the custom fields.
  
  I've also tried changing the way the elements inside the container are displayed in the form-builder options and this doesn't work for me.
  
  I've tried to add custom CSS but that only negatively affects the radio options.
   input[type="radio"] {
      display: block;
    }
  
  How can I display the radio options in a single column (one below the other)?
  This is the form: https://crm.ingenium.org.mx/civicrm/solicitud-admision/
  
  **Tags:** custom-fields, forms, formbuilder, fields, admin
  
  > **Comments:**
  > **username_1**: What version are you on? I think show option per line = 1 should work as expected. Can you replicate the same on demo site - https://dmaster.demo.civicrm.org/?  
  > **username_0**: @jitendra-fuzion I'm using version 5.72.1 in WordPress. I also thought that putting 1 option per line in the custom field settings would fix it but it didn't.  
  > **username_1**: Can you replicate the same on wordpress demo site? https://wpmaster.demo.civicrm.org/wp-admin/admin.php?page=CiviCRM.  
  
  ---
  
  ## 0 answers
  
  