Use file and image components
Collect file uploads from submitters with the File Upload component, and display static images on your form with the Image component.
File Upload
The File Upload component lets submitters attach files to a submission - documents, spreadsheets, photos, or any other file type you allow. Uploaded files are stored with the submission and can be downloaded by reviewers.
Properties
- Visibility
- Sets how the field behaves on the current workflow step: Editable (the submitter can upload files), Visible (previously uploaded files are shown read-only, with no new uploads), or Hidden. You can set a different visibility on each step.
- Label
- The text displayed above the upload area. Defaults to "Upload."
- Width
- How many columns the field spans across the form grid, from 1 to 12.
- Required
- When enabled, the submitter must upload at least one file before submitting.
- Text
- Customize text for the upload file box. Defaults to "Choose File or Drop Here."
- Max File Size
- The maximum size per file, in megabytes. Defaults to 25 MB. Files that exceed the limit are rejected with an error.
- File Types
- Restricts which formats can be uploaded. List the file extensions you allow - each must begin with a dot, like .pdf, .docx, or .png - and/or media types. Type out the extension, then click enter to start creating your list. Leave it blank to accept any file.
- Secure
- On by default. Keeps uploaded files private so they are not publicly accessible - only people who can open the submission can view or download them. Leave this on for anything sensitive, such as IDs or signed contracts.
- Multiple Files
- When enabled, the submitter can attach more than one file to the field. Leave it off to limit the field to a single file.
Each File Upload field also has the standard Hint and Tooltip helper text, a Name used as the column header in CSV exports, and a read-only ID - the same Details fields found on other input components.
For forms that require a specific document, like a signed contract or a photo ID, set the File Types and turn Multiple Files off. This keeps submitters from uploading the wrong format or attaching extra files.
Uploaded files count toward your organization's storage. Large files like videos consume storage quickly, so set a reasonable Max File Size on each upload field.
Image
The Image component displays a static image on the form. It does not collect input from the submitter - it is purely a display element. Use it for logos, instructional diagrams, reference photos, or any visual context that helps the submitter fill out the form correctly.
To add one, drag Image from the component library onto the canvas, then set its properties in the right-hand panel. The one step people miss: to set the image itself, click the small cloud-upload icon at the far right of the Source field.
Click the cloud-upload icon at the right of the Source field to upload an image or paste a URL.
Properties
- Source
- The image to display. Click the cloud-upload icon at the right of the field to upload an image file, or paste an image URL directly.
- Label (Alt Text)
- A text description of the image for accessibility and screen readers. Describe what the image shows.
- Width
- How many columns the image occupies across the form grid, from 1 to 12.
- Size
- The display size of the image as a percentage of its column width. Lower it to show a smaller image without changing the column span.
- Alignment
- Positions the image to the left, center, or right within its space.
- Visibility
- Show or hide the image. Because the Image component is display-only, it cannot be set to Editable - only Visible or Hidden.
The Image component displays an image you provide on the form itself. To let submitters upload their own images instead, use the File Upload component with File Types set to image formats.