Home > Forum > User Voice > Horizontal Radio Buttons

Horizontal Radio Buttons
4

MVP
In reply to: Daniel Krüger (Cosmo Consult)

Hi Dean,

this could be an interesting option to set by default.
For the moment one can achieve the same with some css styling using an html field. This works with 2022.1.3.65.

Best regards,
Daniel

#AttChoose5 .survey-choose__list--radio {display:block;}
#AttChoose5 .survey-choose__list__item {margin-right:10px}

I have the following snippet saved as a global business rule. It also hides the letters before the radio buttons.


.dynamic-form.modern .survey-choose__list--numeric {
list-style-type: decimal;
margin-left: 6px;
margin-right: 6px;
}
.dynamic-form.modern .survey-choose__list {
display: flex;
margin-left: 4px;
/*flex-direction: row;
justify-content: space-between;*/
}
.dynamic-form.modern .survey-choose__list__item__text--key {
display: none;
}

Did you know that with WEBCON you can automate virtually any process? Even baking cookies 🍪
 
Speaking of cookies: we use the ones that are essential for our website to function properly, as well as additional ones that help us customize our content to your preferences. If you don’t mind cookies, click Accept. If you want to learn more, explore settings.
Settings