You are viewing limited content. For full access, please sign in.

Question

Question

Displaying radio button questions side by side

Forms
Updated July 22, 2020
asked on July 20, 2020

I have a form where I have a series of 10 yes/no radio button questions with responses needed when Yes is selected. I would like these to be in 2 columns of 5 questions each. I initially tried using field rules to display the responses and then lining everything up with CSS inline block, but that did not work. I've attached an image of what I'm trying to achieve. Thank you.

radiobuttons.png
radiobuttons.png (4.11 KB)
Download
0 0

Answer

SELECTED ANSWER
replied on July 22, 2020

I'm probably not the best source for advise on this, since I'm relatively new to JS/CSS but...
I think when using inline block the displayed answer boxes are going to float left due to relative positioning.  What I would suggest is to put the radio buttons and their associated answer boxes in a block and use absolute positioning to line them up.  Sorry I can't give you sample code.  Good luck.

0 0
replied on July 22, 2020

Thanks, James. This thought kind of flitted through my mind but didn't stick. The columns thing didn't quite work, but using blocks/CSS did allow me to position the answer boxes directly next to their radio buttons, which I wasn't able to do before, and which actually seems to be a better fit for what I was wanting to achieve.

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Attachments
Related Posts
Loading ...