Image Uploader

What is it?

The Image Uploader widget allows the end user to upload a single image. Only one image can be uploaded at any time. When placed in a form, the image uploaded by the end user is saved individually with each unique iteration/copy of the form.

How and When to use it? 

To add a new Image Uploader to your page, simply drag and drop the “Image Uploader” widget from the left-hand side of the page screen to the design area of your page. Please note that if you try to use the Image Uploader outside of a Form widget, an error message will be displayed.

To change the name of the image uploader, tap on the placed button widget to reveal the blue Quick Settings panel. By default, the name is displayed on the widget’s left side.

Introduction of General Tab Properties 

1. Drag an Image Uploader into the Form

2. Click the Image Uploader and then click "Widget Property Settings" to open Widget Property Settings. 

The General Tab is shown, we will demonstrate how each property is used. 

1. Name

Users can change the name of the Date & Time with Name property.

For example, we create an Image Uploader, look through the Name property under Basic in the Widget Property Settings. We rename it as “Proof”.

The design time and the runtime display are shown below:

2. Description

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

For example, we create an Image Uploader, look through the Description property under Basic in the Widget Property Settings. 

3. Image Mode

It provides either Image upload or Signature upload for the user. 

For example, we create an Image Uploader, look through the Image Mode property under Configurations in the Widget Property Settings. 

The design time and the runtime display are shown below:

Users may change to “Signature”:

The design time and the runtime display are shown below:

Users can either upload from both from the app camera or from the photo gallery. The design time and the runtime display are shown below:

User may enable the “Upload From App Camera Only”:

5. Keep Original Size

Users can decide whether to keep the original size of the image if they want to download the image after upload.

For example, we create an Image Uploader, look through the Keep Original Size property under Configurations in the Widget Property Settings. 

If the user wants to download the uploaded image, the size of the image downloaded will be smaller. User can download the original size of image with “Keep Original Size” property:

6. When Read-Only

It determines whether the user can have a pop-up HD views and download function when the image is read-only.

For example, we create an Image Uploader and a Form Table for recording the image data.

For the Image Uploader, look through the When Read-Only property under Configurations in the Widget Property Settings.

We also need to set visibility as “Looks read-only”

For example, we create a record for image uploader and we check the record from the Form Table with the "Visibility" button. When we click on the image, we can see a pop-up HD views of the image and the download function:

User can change to “Disable Pop-up HD Views & Download Function”:

7. Image Information

It provides the information of the image uploaded.

For example, we create an Image Uploader, look through the Image Information property under Configurations in the Widget Property Settings. 

The design time and the runtime display are shown below:

Users may change to “Always Show”, which show the information of the image:

The design time and the runtime display are shown below:

Users may change to “Show When Mousing Over”, which the information is shown only when the mouse is on the photo:

The design time and the runtime display are shown below: