Question

11
Replies
2888
Views
GOUTHAMKUMAR Member since 2011 13 posts
Virtusa Consulting Services Pvt. Ltd.
Posted: May 16, 2016
Last activity: September 28, 2016
Closed
Solved

Radio buttons pile up on each other when used in inline layouts

Hi,

I've been facing this issue for some time and i couldn't find a proper way of doing it.

I have a set of options that i want to show as radio buttons in a horizontal manner. And i have to display a text box beside the radio buttons in a single line. So usually, i went for Inline style of layouts. But this ruins the radio buttons as they are piling up on each other masking up the text as below

Radiobuttons_Inline.PNG

and if i user, Inline grid triple,

Radiobuttons_IGT.PNG

This works properly with bigger browser windows but, the problem occurs when you resize the browser window to smaller size. Any way around this issue to make it take the space it needs for the text irrespective to the window size?

Thanks & Regards,

Goutham

User Interface
Moderation Team has archived post
Share this page LinkedIn