I have a list of radio buttons on a page (as shown in image 1) and when I scroll the buttons merge (image 2) I am using chrome browser with 100% zoom and this does not happen when zoom is 80% or less.
Image 1
Image 2 (when scrolling on the same page with 100% zoom on chrome
Hi Syeda,
Export your module and share it so we can get an understanding of the structure and styles implemented that could be causing this issue.
Hi @Syeda Aliha Naeem,
You might have to use a combination of adaptive columns (OutSystems UI) and containers to resolve this. But as Joao has mentioned you can attach your oml so that we can help you.
Thanks
Rahul Yadav
You may try using the list widget with "line-height: 2 !important;" but I'm not sure if it will work.
Regards,
Hi @Syeda Aliha Naeem Use Gallery or columns widget so it will automatically adjust based on device width
I believe this Link might help you.
Thanks,Vignesh Prakash.
Hi @Syeda Aliha Naeem
Use Adaptive column 2 for first two buttons enclose with container for each radio button set adaptive column properties Entities.GutterSize.None. repeat same process for remaining tow radio button. Try this way
Happy to help