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're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

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



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 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>

TIA for any info on how to make this change.