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

MayaU_01
MayaU_01 Member
in App Studio

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.

image.png
Tagged:

Answers

  • ArborRose
    ArborRose Coach

    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>

    ** Was this post helpful? Click Agree or Like below. **
    ** Did this solve your problem? Accept it as a solution! **

  • MayaU_01
    MayaU_01 Member

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

Categories