Google Drive

What is it?

The Google Drive Widget lets you upload files directly to your Google Drive account. Log in to your Google Drive account to upload files. Multiple files can be uploaded. Each file is saved individually for each form iteration. View files without logging in by granting viewing permissions from the file owner.

How and When to use it? 

The Google Drive widget can only be placed inside of a Form widget, otherwise, there is an error message.

How to configure it?

1. Drag a Google Drive into the Form

2. Click the Google Drive and then click the Setting Button  to open Widget Property Settings. 

3. The Widget Property Settings is shown, which contains two tabs, General and Visibility. We will demonstrate how each tab and property is used. 

Introduction of General Tab Properties

Basic

Name 

Users can change the name of the Google Drive with the Name property.

For example, we create a Google Drive, look through the Name  property under Basic in the Widget Property Settings. We rename it as “Document”.

The design time and the runtime display are shown below:

Description

It provides a space for app designer’s remark purpose. 

For example, we create a Google Drive, look through the Description property under Basic in the Widget Property Settings. 

Configurations

Upload From App Camera Only

It requires the user to take a photo or take a video as the way to upload the file. 

For example, we create a Google Drive, look through the Upload From App Camera Only property under Configurations in the Widget Property Settings. 

User may enable the “Upload From App Camera Only”, which only allows the user to take photo or video:

The design time and the runtime display are shown below:

Style

The fields of Style are Show Label, Label Style, and Value Style.

By default, Show Label is checked. If it is not checked, the left side of the widget that shows the widget name is removed and the field of the widget fills the entire widget area.

Label Style and Value Style both have the same Size option. 

Label Style has two more fields: Alignment, and Width, which are in units of pixels (px) and accepts a numerical value. In Alignment, you can choose to inherit the previous alignment or choose your own alignment (left, centre, right).

Position, Size and Layout

The options for Sizing Mode are Absolute Size and Relative Size. In Position, various parameters of the widget can be adjusted. These parameters change depending on what is selected in Sizing Mode. In Absolute Size, the dimensions of the widget are the same in the Page Builder and Production. 

In Relative Size, the right and bottom sides of the widget expand to completely fill the screen/window in Production. 

The options of “Display in” are “Web & Mobile” (the default setting) and “Mobile Only”. It controls whether this label would be displayed on both platforms.