Answers.Body: <p>From the Build tab:</p>
  <ul>
  <li>Edit the Element</li>
  <li>Change CiviCRM Number -&gt; CiviCRM Options</li>
  <li>Add some Options</li>
  <li>Save</li>
  </ul>
  <p>That will give you Radio buttons - if you want to add an Other Amount option -&gt;</p>
  <p>From the Build tab:</p>
  <ul>
  <li>Edit the Element</li>
  <li>Change CiviCRM Options -&gt; Radios other</li>
  <li>Save</li>
  </ul>
  <p>To ensure your Other Amount appears underneath the Radios -&gt; add this -&gt;
  From the Settings tab -&gt; select CSS/JS
  copy this into the Javascript box -&gt;</p>
  <pre><code>jQuery('.js-webform-radios-other-input').insertAfter(jQuery('#edit-civicrm-1-contribution-1-contribution-total-amount-radios'));
  </code></pre>
  <p>Save</p>
  <p>End result:</p>
  <p><a href="https://i.sstatic.net/RfUl9.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/RfUl9.png" alt="enter image description here" /></a></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-01-31T14:50:12.267Z
Answers.Text: Works perfectly, Thanks Karin
Answers.UserDisplayName: Dave T
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-01-31T16:06:02.973Z
Answers.Text: Is the Drupal Select Other module also needed to do this?
Answers.UserDisplayName: Dave T
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-01-31T18:00:35.967Z
Answers.Text: No - radios other is native Webform in D9
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-01-31T14:27:15.467Z
Answers.LastActivityDate: 2022-01-31T14:38:21.747Z
Answers.LastEditDate: 2022-01-31T14:38:21.747Z
Answers.UserDisplayName: KarinG - Semper IT
Body: <p>When total amount is added to a Webform CiviCRM it comes in default as type = CiviCRM Number. How do I make this into a Radios &amp; Other Amounts field?</p>
  
Tags: <webform-civicrm>
Title: Can you do Radios & Other Amounts for Contributions using D9 Webform CiviCRM?
ThreadText: # Can you do Radios & Other Amounts for Contributions using D9 Webform CiviCRM?
  
  (Asked by: username_0 on 2022-01-31)
  
  When total amount is added to a Webform CiviCRM it comes in default as type = CiviCRM Number. How do I make this into a Radios & Other Amounts field?
  
  **Tags:** webform-civicrm
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_0 on 2022-01-31. Score: 4 | Accepted answer
  
  From the Build tab:
  
  Edit the Element
  Change CiviCRM Number -> CiviCRM Options
  Add some Options
  Save
  
  That will give you Radio buttons - if you want to add an Other Amount option ->
  From the Build tab:
  
  Edit the Element
  Change CiviCRM Options -> Radios other
  Save
  
  To ensure your Other Amount appears underneath the Radios -> add this ->
  From the Settings tab -> select CSS/JS
  copy this into the Javascript box ->
  jQuery('.js-webform-radios-other-input').insertAfter(jQuery('#edit-civicrm-1-contribution-1-contribution-total-amount-radios'));
  
  Save
  End result:
  
  > **Comments:**
  > **username_1**: Works perfectly, Thanks Karin  
  > **username_1**: Is the Drupal Select Other module also needed to do this?  
  > **username_0**: No - radios other is native Webform in D9  
  
  ---
  
  