Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Archive /

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo

Form radio button labels are on next line?


Go to End


4533 Views

Avatar
cheekygeek

Community Member, 6 Posts

9 December 2008 at 7:30am

Greetings all,
New to SilverStripe and really impressed.

I'm not sure if this is an issue specific to the template I'm using or to SilverStripe itself...
(I'm using the Higherground theme - if it matters).

When I create a radio button question the radio button label is on the line FOLLOWING the radio button, when I'd like it on the same line. How to I control that?

An example of what I'm seeing (screenshot):

The HTML being produced looks like this:

<div id="EditableRadioField24" class="field optionset ">
<label class="left" for="Form_Form_EditableRadioField24">Are you currently selling wind turbine systems?</label>
  <span class="middleColumn">
    <ul id="Form_Form_EditableRadioField24" class="optionset ">
      <li class="odd valYes">
        <input id="Form_Form_EditableRadioField24_Yes" name="EditableRadioField24" type="radio" value="Yes" > 
        <label for="Form_Form_EditableRadioField24_Yes">Yes</label>
	  </li>
      <li class="even valNo">
        <input id="Form_Form_EditableRadioField24_No" name="EditableRadioField24" type="radio" value="No" checked="checked" > 
        <label for="Form_Form_EditableRadioField24_No">No</label>
      </li>
    </ul>
  </span>
</div>

TIA for any info on how to make this change.