RadioGroup is horizontal on desktop and vertical on mobile. How can I have them horizontal on both?

Ask the community
,
1

I have this table created on desktop, which has radio groups created. This is the same as how I want it on Mobile.

1254×494 10.9 KB

When I change to mobile, the radio buttons are all shown vertically and are now in the same columns as on desktop. It’s really driving me crazy that I can’t change them to horizontal like above.

788×1312 30.2 KB

Anyone any ideas how this can be done?

2

This is somewhat of a WAG but it appears that the text is too wide for the mobile display and that Responsive web design ( RWD ) is kicking in to make it fit on the mobile (vertical being the only way the text can fit).

To test this theory, what happens if you (temporarily) replace “Home Win” with “Home” and “Away Win” with “Away”?

3

Hi abergquist ,
Thanks for your reply. Unfortunately nothing changes when I try that. I have the table itself set to scroll when on mobile view. But the issue is with the radiogroup, they are set to veritcal and they aren’t in the position on the table for selecting the correct option… See gif