Skip to content
This repository has been archived by the owner on Oct 31, 2024. It is now read-only.

Adding an image to a question

Richard Tape edited this page May 26, 2015 · 1 revision

At the time of producing this xblock, EdX doesn't have the ability to allow xblocks to use the data store that comes with the platform. This means that, unfortunately, for the time being, adding images or other assets is a little cumbersome. It's a three-step process;

1. Upload an image

From EdX Studio, click Content and then from the subsequent menu click Files and Uploads

Where to find the Content > Files and Uploads menu item

Clicking the Files and Uploads menu item may bring you either to a list of files - if you've already uploaded files before - or to a screen asking you to add your first;

If you haven't uploaded any files you will be presented with a screen like this which asks you to add your first

If you are greeted with the above click the big Upload your first asset button. If you are presented with a list of assets, then you should still see a Upload New File button. Press the appropriate button and you'll see something like the following;

The 'Upload File' dialogue box

Press the Choose File button and select the file from your local filesystem. Then go ahead and complete the upload and you should see something like the following;

Dialogue box shown after file successfully uploaded

At this point you should see a list of assets (which will include (or only be) the one you just uploaded). It should looks something similar to

The assets list

2. Copy the image path

Now we have uploaded an image we need to copy the path to that image. From the list of assets you will see a column called URL. This will contain 2 paths. A studio and a web url. We need the studio url. So go ahead and click on the url, it should start with something like static/ so it should be something like static/your-file-name.jpg

Copy this URL onto your clipboard. Now we're ready to use this image in our UBCPI tool.

3. Paste this image path into the UBCPI Tool

You can add an image for the question or for one (or more) of the options. To do so, click the Add Image button below the item to which you wish to add an image.

Adding an image to the question

Clicking the Add Image button will display 2 more fields. One is the Image URL and one is the Image Position. Paste the path you copied in step 2 into the Image URL box. Then decide if you wish to display the image above or below the question/option text. Now save and your image will be visible for your question or option.