Adding Document Files

Inserting Links to Document Files

Adding document files, such as a PDF, to a page (or news, event, etc.) is the same as adding a link to a website or another page on your site. 

Inserting links to documents works differently depending on whether your department website uses Drupal Version 7 or Version 10. Use the links below to view the appropriate instructions. If you're unsure which version your website uses, email asweb@uw.edu.

Drupal 10: Adding a New Document File

While in "edit' mode on the page in question:

  1. Type the name of the document, or other words you want to act as the link text. In the screenshot below, we use the phrase "My Document."

  2. Select the words with your cursor and press the Link button.  It looks like a small chain link.

    Image
    Screenshot of link button circled
  3. Click on the "Open File Browser" link above the URL field

    Image
    Screenshot for Add Link
  4. Using the buttons at the top of the window, upload or select the document you want to link to.  Some sites may have subfolders within the Documents folder to help with organizing files.  If you need a new subfolder created, please email asweb@uw.edu.

    Image
    Screenshot for selecting files
  5. Double-click the desired file or select the file and click the Select button at the top.

  6. The path to the file will appear in the Link URL box. Click Save to confirm the link insertion.

  7. Save the content and test the link.

Drupal 10: Replacing Files

While in "edit' mode on the page in question:

  1. Click on a word within the current link to the file.

  2. Click on the Link button.

  3. Click the Open File Browser link by the Link URL field.

  4. Upload a new file with the exact same filename as the first file.  Be sure you are also uploading it into the same subfolder. If you use the same filename in the same folder, it will replace the old file.  If you use a different name, the old file will remain. You may delete it if you wish.

  5. Double-click the desired file or select the file and click the Select button at the top.

  6. Click Save to confirm the link update.

  7. Save the content and test the link.

Drupal 7: Adding a New File

While in "edit' mode on the page in question:

  1. Type the name of the document, or other words you want to act as the link text. In the screenshot below, we use the phrase "My Document."

  2. Select the words with your cursor and press the "Insert/Edit Link" button.  It looks like a small chain link.
    Insert link button

  3. Click the "Open File Browser" icon next to the Link URL field.

    Browse files button in Drupal 7

  4. Upload or select the document you want to link to.  Some sites may have subfolders within the Documents folder to help with organizing files.  If you need a new subfolder created, please email asweb@uw.edu.
    IMCE file options

  5. Double-click the desired file or select the file and click the "Insert file" button at the top (next to the green check mark).

  6. The path to the file will appear in the Link URL box. Click "Ok".

  7. Save the content and test the link.

Drupal 7: Replacing Files

While in "edit' mode on the page in question:

  1. Click on a word within the current link to the file.

  2. Click on the "Insert/Edit Link" button.

  3. Click the "Open File Browser" icon or link by the Link URL field.

  4. Upload a new file with the exact same filename as the first file.  Be sure you are also uploading it into the same subfolder. If you use the same filename in the same folder, it will replace the old file.  If you use a different name, the old file will remain. You may delete it if you wish.

  5. Double-click the desired file or select the file and click the "Insert file" button at the top (next to the green check mark).

  6. Click "Ok".

  7. Save the content and test the link.

Getting an Overview of Files

Go to the Manage Content screen (second link in the gray toolbar at the top) and go to the Files tab.  This gives you a list of all the files users have uploaded to your website.

CV's, Course Flyers, and Research PDF'S

A few files have standalone upload fields, so that they can be displayed as a button, download link, or image.  These include CVs (on Profiles), Course Flyers (on Course Sections), and PDFs (on Research).  If a faculty member or grad student wants to add other documents on their Profile or Research, they can send those to a department web editor who has permission to insert file links as described above.

Does my site have this feature?

All Department Web Framework sites now have this interface for managing files. The new approach to file management was piloted on a few sites in summer 2015.  The A&S web team began updating existing sites in winter 2016 and finished converting them all in spring 2016.