Adding images to ordering questions

Adding images to ordering questions

by Al Henneberger -
Number of replies: 4
I want to use a ordering question to have the student put some software steps in order.  Some of those steps involve clicking on icons. 
For example, I want to use the below as one of the steps.
Select  to access the file
However, the I cannot include the image.  I have tried to use direct html--no luck, copy and paste--no luck, and changing the format type (the drop down)--also no luck.
Does anyone know if it is even possible?  If so, how without modifying the php?  (I have no access to the phps.)
Thanks in advance for any solution.
Average of ratings: -
In reply to Al Henneberger

Re: Adding images to ordering questions

by Dominique Bauer -
Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Plugin developers

Hello Al,

This is certainly possible with the Ordering question type, at least with its latest versions. Which version do you use?

Take a look here for example. You do not have to modify the PHP. Simply insert an image as usual and adjust the HTML code if necessary.

Your HTML code should look like this:

<p>Select <img src="https://xxxxx/draftfile.php/xxxxx/user/draft/xxxxxx/accessIcon.png" width="17" style="vertical-align:-2px;"> to access the file</p>

which gives:

Select accessIcon.png to access the file     (Of course, you must use the appropriate icon) smile

If that still does not work, you may want to show us your HTML so we can review it.

Average of ratings: -
In reply to Dominique Bauer

Re: Adding images to ordering questions

by Al Henneberger -
Thank you for your reply.
I knew I should have mentioned which Moodle version we are running (3.5.3 by the way). I looked it up and Ordering is version 2018052469.
As you can see I do not have the standard Atto or TinyMCE options.  What version do I need to do what i want to do?

I have to rely on IT to do any upgrades.
As for HTML, I use it all the time to modify things.  My latest HTML pain was putting Cloze blocks over a background image.
Again thank you for your response.
Average of ratings: -
In reply to Dominique Bauer

Re: Adding images to ordering questions

by Al Henneberger -
I think I figured it out. 
 I need to change the type from Moodle Auto-format to HTML format then save it then and only then I can use HTML.  The documentation says nothing about the other format types, nor how to use them.  
I changed the default type to HTML so I do not run into this issue again.  But, still only the first two draggable fields have the Atto/TinyMCE editor. mixed

Average of ratings: -
In reply to Al Henneberger

Re: Adding images to ordering questions

by Dominique Bauer -
Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Plugin developers

Al,

It may be easier if you set your default text editor to 'Atto HTML editor':

Click on your name/icon in the upper right corner of the window. Select 'Profile', then just below your name/icon , click on the 'Action menu' (gear) icon, select 'Editor preferences', then 'Atto HTML editor'.

In this way, the Atto HTML editor will automatically be displayed in the quiz settings.

Average of ratings: Useful (2)