Hi everyone!
We are trying to add a list of radio buttons through code (because it depends on the number of products we are getting from the Product Database), it is working nicely except for the design itself.
The data is shown too close together.
We tried putting in ’ ’ which didn’t work,
‘white-space:pre;’ didn’t work too
‘_’ didn’t work either.
Enclosed is an example of what we are trying to do.
Hope one of you can help us 
Hey
How are you populating the radio buttons? Are you using a repeater I guess? If you are using a repeater click the repeater it self and go to Layout and there you can adjust the space and padding between items. You can also make the container inside each item in the repeater a bit larger than the content.
If it has to do with spacing between columns in a repeater like number 210 252 and next column 1.56 I would suggest you use text aligning to make it look better. Make all numbers right aligned for example and you can make them have the space you want.
By doing that they will grow to the right and not closer to each other.
Hope it helps you.
Hi
We didn’t use the repeater because we was needed radioButton’s option
We used in radioGroup
And filled out the list in javascript
Do you have any idea how to make spacious in this way?
I am interested in how to achieve this too. Seems like a table thing, where the data (3 separate numbers) in each row should align to each column nicely with the column head on top, plus having one radio button per row. may be try CSS ?
Hi, as mentioned in my other post, I was able to use individual checkbox with round corner and make them function like radio buttons using code. Was thinking, may be you can show your data in a table (using CSS?) so that each number aligns properly with the column header, then like what I did, show a checkbox for each row? https://www.wix.com/corvid/forum/community-discussion/how-to-attach-separate-embedded-html-to-each-of-the-options-in-a-radiogroup
Does anyone know how I can create radio buttons like this?
