Uploading Static Content

Course creators can upload files and images to enhance the course with Studio. Once the file is uploaded, a link is created to use in the course content.

Uploading Files

1. In Edx Studio, navigate to the Content dropdown and select Files & Uploads to add your file or image.

2. Select Upload New File on the top right corner and Choose File on your local drive.

3. Once your file is uploaded. Two URL links are generated:

   1. Studio URL for users in a course. (Example: add files or images to a course component, update , or handout.
   2. Web URL for users outside of a course. (Example: add files or images to an email for someone not enrolled in the course.

See the Studio and Web URLs in the screenshot below:

File upload image needs to be updated

Adding files to a Component

1. In a Unit, under Add New Component, click “HTML” and select “Text”.

2. Click the Insert/edit link icon. (see below)

   

Adding images to a Components

1. In a Unit, under Add New Component, click “HTML” and select “Text”.

2. Click the Insert/edit image icon and paste the Studio URL into “Source”. (see below)

   Insert Image image needs to be updated

3. Click OK and then Save.

File for Download

1. Upload the file like a PDF or PPT (Powerpoint) in the Content dropdown under Files & Uploads.

2. Copy the Studio URL, it should look like this: /static/raw_turkey_instructions.pdf

3. Navigate to the Unit where you would like add the file and click Add New Component, select Text.

4. Type a description for the file and click Insert/edit link to enter the Studio URL and the Text to Display for the URL.

   

5. It should look like the screenshot below. Click Save.

   

6. Test your link to the file by clicking HERE and Publish.

Organizing Files

Files can be organized by Name, File Type (example: pdf, .txt, .jpg, .png, .html) and Date Added.

Embedding PDFs

1. Add a "Text" Component to your unit

2. Click "Edit" on your new Component

3. Click "HTML" to edit the raw HTML

4. Copy and paste the following code to an empty area in the HTML editor:

   <p>
   <iframe title="[Replace me with the Name of the Document]" src="/replace/replace-me.pdf" width="800" height="402" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
   Your browser does not support IFrames.
   </iframe>
   </p>
   

5. Replace src="/replace/replace-me.pdf" with the static URL for your PDF. (e.g. "/static/pdf-sample.pdf")

6. Replace title="[Replace me with the Name of the Document]" with the name of your PDF. (e.g. title="My PDF Document")

7. Optionally, modify the height and width values. Height and width are measured in pixels.