Google Drive

Manage and display files at Google Drive


Google Drive is a file storage and synchronization service developed by Google. It allows users to store files on their servers, synchronize files across devices, and share files.

Labii has integrated Google Drive to manage and display files.

This widget does not meet the 21 CFR part 11. Please use it with caution.


To use the widget, you need the following prerequisites:

  • Create a project Labii at Google Cloud Console. Copy the project number as the GOOGLE_APP_ID.

  • Select the project and then go to Credentials. Click Create credentials to add an API Key. Copy the API Key as GOOGLE_API_KEY.

  • Click the OAuth consent screen and add an app. Under Authorized domains, set "". Click "Push Production" to publish the app.

  • Go to Credentials. Click Create credentials to add an OAuth Client ID. Choose Web Application as the Application type. Add "" as Authorized JavaScript origins. Copy the Client ID as GOOGLE_CLIENT_ID.

  • Click Library. Search Google Drive API and Google Picker API, and enable them.

Note: replace "" with your actual server domain for other data centers or dedicated servers for Authorized JavaScript origins. For example ""

Specifically, these 3 keys shall be collected:

  • GOOGLE_APP_ID - the project number



To update these configurations, click the edit icon:


When you start using the widget for the first time, you need to authorize your Google account to display the files in the widget.

Click the Authorize button to authorize.

Add file

Click Add file button to load Google Picker. Choose one or many files to insert. You can also use the search box to search.

File list

Once added, a list of files will be displayed.

  • Click the file title or OPEN button to open the Doc file

  • Click the LOAD PREVIEW button to load file preview

  • Click the REMOVE button to remove a file.


The previous G Suite widgets will be replaced with this widget.

Last updated