Skip to Main Content

Style Guide & Resuable Content

A place to find information on our overall style formatting, reusable boxes and pages, and tutorials

Overview

You can embed all different types of content, such as calendars, videos, etc., as long as you are able to retrieve an embed code from the site you are working off of. Please use the "Media/Widget" option to either add a new embed code OR to reuse an existing widget. 

Embedding a PDF

Embed a PDF into a libguide

You may want to embed a pdf rather than linking to it. Follow the attached instructions.

A PDF displayed within a libguide is considered Media which requires the following embed code: <iframe src="your pdf url here" style="width: 90%; height: 300px"?></iframe>

Follow these directions to use the embed code properly.

1. To embed a file, make sure it is already saved as a PDF.

2. In LibGuides, create a new box.

3. Add/ Reorder (content): Click Document/ File

4. Box will open to: “Create New Document”. Title the document (description is optional). Attach PDF from your computer files. Click Save.

5. Click on the link for the document (in your LibGuide) to open the file in a new screen.

6. Copy the URL from this open PDF file.

7. Now you will use the embed code. Paste the PDF URL code between the “” (paste over the Bing address): 

8. Back to your LibGuide: In the same box where you added your PDF link, add/reorder (new content). This time add Media/Widget

9. Copy/ paste the new embed code that was created in step 7. Click Save.

10. Click the Preview button in the top right corner to view your embedded PDF.

11. Adjust height and width within the embed code. You may also want to adjust the page layout/ size of the box within libguides. To show the PDF as an entire page, select one column in page layout. Set width to 100% and height to your preference.

12. You can then choose to leave the PDF link on the page, OR you can now delete it after the embed code has been added as a widget.