Radio button change to horizontal

[Former Member]

Hello Experts,

Is there CSS class/property, I can use to change the orientation of grouped radio buttons from default vertical to horizontal?

I tried few tricks but didn't helped. Not sure if I'm using right class which I got from F12.

.rb, .sapUiRbG, .zenControl {

  display:inline !important;

}

Thank you,

Ravi

[Former Member · Accepted solution]

Hi Ravi,

In the properties tab of the Radio button, please increase the number of columns to greater than or equal to the number of values displayed in the radio button group.

This should work, please try.

Regards,

Swapnil Koti

[Former Member · Accepted solution]

Thanks Swapnil. I used this setting but only works static set. I need this to be dynamic.

-Ravi

[former_member194504 · Accepted solution]

Hi Ravi,

Try this

.sapUiRbG>.sapUiRb, .sapUiRbGCol>.sapUiRb {

    float: none !important;

    clear:  none !important;

}

Make sure you have the width to contain the radio group

Thanks,

Nithyanandam

[Former Member · Accepted solution]

Thanks Venu. Works like a charm

[former_member194504]

Glad it helped