Quiz

The appearance of the page can be adjusted in different ways.

You can adjust the text box further to the right by editing the HTML of the Description's question text and changing 300px to a smaller value:

<div style="position: fixed; width:auto; overflow: auto; height:80%; margin-right:300px; etc.

Or you can remove borders by inserting the following script in the HTML of the Description's question text:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $(".formulation").css("border", "none");
    });
</script>

Best of all, you can resize the width of the questions by inserting the following script in the HTML of the Description's question text:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $(".formulation").css("width", "75%");
    });
</script>

You're right about the z-index, it had to be increased. I cleaned up the example which now increases the right padding of the region-main-box:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("#region-main-box").css("paddingRight", "30%");
    });
</script>

Check out the new XML file at https://moodleformulas.org/course/view.php?id=49&section=12 ↗.

Note that the password to moodleformulas is now 'Formulas.1'

Hi Joey, 

I have been trying to figure out how to split scrollable screen for a long; however, i have not been to figure out how to do this. By the way, I am using Moodle 3.6.  I am trying to apply what is written in the forums however it seems too complicated with the formulas. Is there a possibilty to upload screenshots of the steps for me.  I also would like to put different types of questions on one page; multiple choice, short answer, true false, drag and drop ... The text itsself doen't need to be scrollabe but the questions to appear either on the right  or left side of the text should be scrollable. If it is not possible, please show me what is possible for the time being. If you could help me ASAP, I will be very glad

Thank you very much