PDF File

In this article, we will cover how to add a PDF document in a course unit.

There are two methods for adding a PDF; directly in HTML5 OR via the advanced "pdf" component.

The advanced PDF component is not supported on mobile applications. If you plan to use PDF and mobile apps, we recommend using the HTML5 method.

Add a PDF (HTML5)

1. Access Studio and select the desired course

2. Select Content > Files & Uploads

3. Use the drag & drop box or 'Browse your computer' to upload your file.

4. Copy and paste the Studio URL

Make sure your file name does not contain special or accented characters.

1. Once the file has been added, go to the unit in which you want to add the PDF

2. Under 'Add New Component', select HTML > Raw HTML

3. Copy and paste the code below and replace the Studio URL ("/static/mon_fichier_pdf.pdf") with that of your file

<embed src="/static/mon_fichier_pdf.pdf" width="100%" height="1200px" type='application/pdf'>

Add a PDF (component)

1. Access Studio and select the desired course

2. Select Settings > Advanced Settings

3. Find the property Advanced Module List and add "pdf"

4. Save changes

Now the PDF component will be available from the 'Advanced ' button.