Responsive Resizing issues with - Essay box, text box, radio and check boxes

Responsive Resizing issues with - Essay box, text box, radio and check boxes

by Armin Baig -
Number of replies: 0

Hi, 

I am using Moodle version 3.8 with Adaptable theme and the latest version of the Questionnaire plugin 3.8.2. 

The questionnaire plugin is working wonderfully overall and I am grateful for having it. 

It is my first Moodle project and first community post. Please pardon me for my ignorance and lack of experience.

I am facing some issues when I try to use the questionnaire on mobile portrait view. I believe most of these are CSS related fixes. I would really appreciate if I could get some tips on how to solve these.

1. Essay Box questions. I am using Plain Text editor. As you can see in the screenshot, the <textarea> is not resizing in width. By inspecting the element, I can see that columns are set to "80", but there is no option to edit columns in the essay box question type. How can change this to 100% width?
 
2. Similar issue is faced with Text box question types.

3. Check boxes and Radio options, the text is breaking into a new line.

4. Is there any solution to make the Rate scale question types response?

Below are some screenshots for references

Any help would be highly appreciated.






Average of ratings: -