radio buttons side by side

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Tom 713 posts 954 karma points

Jun 28, 2010 @ 07:50

Hi Guys,

Contour generates markup like so for radio buttons.. is there any way you can get them to appear side by side.. the br tag creates an issue..

<span id="ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_BodyPlaceHolder_ContentPagePlaceHolder_ctl00_RenderForm_12_rpFieldsets_ctl00_rpFields_ctl09_80abd5d0-af39-4786-afc4-9f4e9d89bb28" class="radiobuttonlist">
<input type="radio" id="ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_BodyPlaceHolder_ContentPagePlaceHolder_ctl00_RenderForm_12_rpFieldsets_ctl00_rpFields_ctl09_80abd5d0-af39-4786-afc4-9f4e9d89bb28_0" name="ctl00$ctl00$ctl00$ctl00$ContentPlaceHolderDefault$BodyPlaceHolder$ContentPagePlaceHolder$ctl00$RenderForm_12$rpFieldsets$ctl00$rpFields$ctl09$80abd5d0-af39-4786-afc4-9f4e9d89bb28" value="58582f6a-0b71-4c3e-9260-6709f7be9acc">
<label for="ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_BodyPlaceHolder_ContentPagePlaceHolder_ctl00_RenderForm_12_rpFieldsets_ctl00_rpFields_ctl09_80abd5d0-af39-4786-afc4-9f4e9d89bb28_0">return</label>
<br>
<input type="radio" id="ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_BodyPlaceHolder_ContentPagePlaceHolder_ctl00_RenderForm_12_rpFieldsets_ctl00_rpFields_ctl09_80abd5d0-af39-4786-afc4-9f4e9d89bb28_1" name="ctl00$ctl00$ctl00$ctl00$ContentPlaceHolderDefault$BodyPlaceHolder$ContentPagePlaceHolder$ctl00$RenderForm_12$rpFieldsets$ctl00$rpFields$ctl09$80abd5d0-af39-4786-afc4-9f4e9d89bb28" value="30fb110e-cd4c-4e17-8db9-4160361bfaf8">
<label for="ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_BodyPlaceHolder_ContentPagePlaceHolder_ctl00_RenderForm_12_rpFieldsets_ctl00_rpFields_ctl09_80abd5d0-af39-4786-afc4-9f4e9d89bb28_1">one way</label>
</span>

Copy Link

Chris Dunn 210 posts 401 karma points

Jun 29, 2010 @ 00:01

0

Tom,

I believe the only way is to hardcode some css on the template or "/umbraco/plugins/umbracoContour/css/defaultform.css" for a specific field name (targeting the div for the field), and then cascading your style from there. The other option with css is to customize the style class "radiobuttonlist" which contour applies (if you want all radiobuttonlists to be displayed horizontally). You can then override the br tag display.

-Chris

Copy Link
Tom 713 posts 954 karma points

Jun 29, 2010 @ 02:31

0

Hi Chris,

thanks for the reply.. yeah i ended up editing radiobuttonlist and setting the br element to display:none in css.. it's a little hacky if you ask me... but it got me there..

oh i wish they were in ul's then styling would be oh so much easier..

thanks!

Tom

Copy Link
Chris Dunn 210 posts 401 karma points

Jun 29, 2010 @ 03:04

1

Agreed...I also put in a suggestion request to be able to assign a css style to a field to make things a littler easier...so hopefully it will make a future build.

-Chris

Copy Link
is working on a reply...

Please Sign in or register to post replies