What should the structure of an embeddable file be for it to be recognised in Evolve

This guide is for use with the iFrame component.

  1. Create a folder for the file you wish to embed on your computer.
  2. Create a file in that folder called index.html
  3. In index.html add the line <embed src=”name-of-example-file.pdf” width=”100px” height=”200px” />
  4. Change the src=”name-of-example-file.pdf” to the file you’re embedding.
  5. Set the width and height values to your preference.


  1. Compress the contents of the folder and save as a .zip file.

Is this the recommended method to display PDF files in Evolve?

Just to add two things to this:

  1. It’s really important that you zip up the contents of the folder and not the folder itself
  2. In this day and age of browsers having built-in PDF readers you’ll probably get better mileage using the following <embed> code:

<embed src=”filename.pdf” type="application/pdf" width=”100%” height=”200%” />