Folder Document List In Google Sites

Google Sites is a great way to integrate the distribution of documents. One of the page options is a File Cabinet page. A File Cabinet page lists documents imported from a computer or from Google Drive. We don’t need to create a File Cabinet page to distribute documents through our site. We can easily add a link to a folder of documents, images or any media in Drive. If you would like to create a File Cabinet page, please read my lesson on this topic.

Before we make folders or documents available on our site it’s important that the folder or documents have the right permissions. If we want the folder or documents to be available to the public, we need to make sure the permissions are set accordingly. If the documents are to be shared with only certain people or within an organization, those permission settings need to be set. If you’re not sure how to set these permissions, please read my blog post on setting folder and document permissions.

Let’s look at an example of a list of shared documents. In this example, we have a menu option with links to pages that have shared documents.

DraggedImage.2692ba373f7d49b98b8010cc730bde11.png

 

DraggedImage.39f695d8e8ed4c6abd3f943c0ad36b49.png

Taking a look at the page for Office 365 documents, we see a list of documents related to Office 365 lessons.

DraggedImage.f55fb09d9c5347aead72ec192696a8eb.png

Clicking one of the documents will open it in preview. This is because the document is in PDF format. If the document were a Doc, Sheet or Slide, it would open in view or edit mode, depending on the share settings.

DraggedImage.1706a3c276f24b6495aefca909a8647d.png

In this example, we’ll create a list of current instructional documents on the main page.

DraggedImage.545907b57256414fb0b10df212fde96e.png

We’ll click on the edit icon to begin editing the page contents.

DraggedImage.7b742522431240e0923a8c929b0e2b7e.png

This page has a two column format. We have a place on the right column for a document folder list.

DraggedImage.e9c39dd05e8b4424a101a680db22f705.png

We’ll click once inside the right column and go to the Insert menu. We’ll go over to the Google section and select Drive.

DraggedImage.e8fcc597162942e6bdc323df50fb99ea.png

Under Drive, we have several options for inserting documents, spreadsheets, presentations and other Google media. Select the folder option.

DraggedImage.d3691339b3974b7e9fdd4ed29b5b9720.png

We’ll navigate to a folder that has some subfolders. We’ll select the “New Instructions” folder. This folder has been shared so that it is available to everyone in my institution.

DraggedImage.c8af1772088747308f390c99c29e709a.png

Click on the folder once and click the select button. Don’t double click because this will one the folder.

DraggedImage.4d27f465a3304b08be35ec5e569e8162.png

An Insert Drive Folder options box will display. We can change the name that will appear above the list of documents. It automatically takes the name from the name on the folder. We can also set the height of the file list box. The height is automatically set to 600 pixels. We can change this to another value if needed. If the value is too small, a scroll bar will appear in the document box. We can choose to have the documents listed or to have them appear in a grid. When they appear in a grid we get a preview of each document. We’ll leave everything as it is for this example and click save.

DraggedImage.b4608e1276d745b6b6b6a867de6db3d2.png

The Drive folder will be placed into the right column. We won’t see any documents until we save the changes to the page.

Below the box we have a few more options. We can go back into the options by clicking the gear icon and we can set the alignment of the Drive folder box in the right column. This does not affect the alignment of the individual files. We can also remove the box by clicking the “x”.

DraggedImage.2fb10af3694c477f86e6f42693ec1d13.png

Click the save button for this page.

DraggedImage.aa1bdb95c85e4180b17639562cf61a11.png

A box with a list of documents in the folder will be shown in the right column.

If we were to select the grid option, then we would get a preview of each document.

DraggedImage.9d7aa5b028bb4035b822df720a69be4b.png

The Drive folder option can be used with folders that have other media content. In this example we have a Drive folder with videos displayed in grid view.

DraggedImage.158e81eb22bf42ad93e2546246dd78f6.png

In this example, we have a Drive folder with several images.

This way of sharing documents in Drive folders is useful in another way. Once a document is either added or removed in Drive, the list on the page automatically updates.

Posted in Google Sites and tagged , .