Skip to Content (Press Enter)
UserImage.jpg
Christian Kunz
127Views
3Comments
Solved
Radio Buttons are shown vertically instead horizontal in smartphone view
Question
Traditional Web
Service Studio Version
11.54.13 (Build 62503)

Dear all,

I am trying to implement a radio button group with in total 9 buttons.

These are shown inline in desktop view as I would like to have it.


However, in the smartphone view they are listed in 9 separate rows. Unfortunately, there is a lot of space unused that is shown to the user.


Could you please let me know what to change to get the buttons side by side?

Idea is to reduce at least to half the rows.

Thanks and best regards 

Chris

0
0
23 Nov 2023
Copy Link
UserImage.jpg
Accelance Partners
Solution

Hi Christian,

Try the below image solution, set its width to auto and radio buttons width to 2 col. 

It will looks like the below image.
Thanks,
Rakhi


See solution in context
1
0
23 Nov 2023
Copy Link
2021-08-12 05-19-40
Shubham Janbandhu
Solution

Hi Christian Kunz,

  

Try above class mentioned in screenshot and adjust the width according to your requirement.

Regards,

Shubham


See solution in context
1
0
23 Nov 2023
Copy Link
UserImage.jpg
Accelance Partners
Solution

Hi Christian,

Try the below image solution, set its width to auto and radio buttons width to 2 col. 

It will looks like the below image.
Thanks,
Rakhi


1
0
23 Nov 2023
Copy Link
2021-08-12 05-19-40
Shubham Janbandhu
Solution

Hi Christian Kunz,

  

Try above class mentioned in screenshot and adjust the width according to your requirement.

Regards,

Shubham


1
0
23 Nov 2023
Copy Link
UserImage.jpg
Christian Kunz

GREAT !!!!!

Your solutions are working well!

In desktop mode it is in line now. On the mobile is given without the large space I have seen before.


Thanks a lot for sharing your solutions !

best regards

Chris

0
0
23 Nov 2023
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.