Horizontal orientation for Radio button list to occupy less space in forms.

MayaU_01 · 2024-12-05T12:54:53+00:00

There was an error rendering this rich post.

Hello Team,

I am trying to build a form in Domo Apps and used the radio buttons as options, I have 10 options in my list and by default they are placed one below other and hence the length of the option section has increased. I wanted to place them horizontally so that it takes less space as radio buttons. Please suggest.

From our end we have explored and not found an option to do it, however please suggest or guide if there is such an option in DOMO forms.

PFA the sample screenshot.

Find more posts tagged with

Formatting

Accepted answers

All comments

ArborRose

I think you would have to do some kind of custom styling script.

<html>

<head>

<style>

.radio-group {

    display: flex;

    flex-wrap: wrap;

    gap: 10px; /* Adjust spacing as needed */

}

.radio-group input[type="radio"] {

    margin: 0 5px 0 0; /* Adjust margin as needed */

}

</style>

</head>

<body>

<div class="radio-group">

    <label><input type="radio" name="recommend" value="0"> 0</label>

    <label><input type="radio" name="recommend" value="1"> 1</label>

    <label><input type="radio" name="recommend" value="2"> 2</label>

</div>

</body>

</html>

MayaU_01

I am using domo app form feature to create my form. Do we have a way to achieve that in the same form?