Radio Button alignment issue in Ipad

Radio Button alignment issue in Ipad

by Yasodha Viswesvaran -
Number of replies: 12

HI ,

In Quiz activity, i have alignment issue in multi-choice question. i.e radio button get cuts in ipad only in feedback area.Is there any solution for this???

I'll attached the image of it for ur reference.

Attachment allignment_issue.JPG
Average of ratings: -
In reply to Yasodha Viswesvaran

Re: Radio Button alignment issue in Ipad

by Raja Balu -

Hi,

Me too having same issue, could anyone give solution for this issue.

In reply to Yasodha Viswesvaran

Re: Radio Button alignment issue in Ipad

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

I see you are using Adaptable theme. Could you clarify what is exactly wrong?

The Quiz activity uses the default bootstrapbase CSS. Adaptable has been tested in several devices and works well in several resolutions.



PD: Can some mod move this thread to the themes forum? Thank you.


In reply to Fernando Acedo

Re: Radio Button alignment issue in Ipad

by Raja Balu -

Hi,

I have changed another one theme but same issue occurred. Please clarify..........

In reply to Raja Balu

Re: Radio Button alignment issue in Ipad

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

As I explained you, Adaptable and many other themes are based in Bootstrapbase. The Quiz is controlled by bootstrapbase, not the theme itself. So all the the themes will have the same issue.


Could you post a clear screenshot indicating the issue? I can't replicate in Android, so probably is an iPad issue.

In reply to Fernando Acedo

Re: Radio Button alignment issue in Ipad

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

In fact Quiz has its own CSS that is separate from the theme completely.  Therefore, please state what version of Moodle you are using as it does change between versions.

And what browser are you using?

In reply to Gareth J Barnard

Re: Radio Button alignment issue in Ipad

by Raja Balu -

I am using Moodle 3.0.

I use both Chrome and Safari browsers in iPad.


In reply to Yasodha Viswesvaran

Re: Radio Button alignment issue in Ipad

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

Tested in iPad and can replicate. The radio buttons are aligned after answer the question. Could you explain the steps to follow to replicate the issue?

More detailed screenshots will help.

In reply to Fernando Acedo

Re: Radio Button alignment issue in Ipad

by Yasodha Viswesvaran -

Thank you Fernando for your response..we got solution..now it works fine

In reply to Yasodha Viswesvaran

Re: Radio Button alignment issue solution

by Raja Balu -

Thanks to all,

         I got solution from your reference. Modification is done in moodle.css

         Changed path  moodle\theme\bootstrapbase\style\moodle.css

         To fetch code this link  https://github.com/cameron1729/moodle/compare/65cbefc...MDL-53805-master

In reply to Raja Balu

Re: Radio Button alignment issue solution

by Fernando Acedo -
Picture of Plugin developers Picture of Testers
This is a core change and should be avoided. Add the change in the custom CSS box instead.

Did you verify the change you made is working in other OS and browsers? If it is a real bug, then please open an issue in the Moodle Tracker.


Average of ratings: Useful (1)