Components
/
S3 Uploader
Menu
Getting Started
What is Internal?
Connecting to Data Sources
Glossary
Tutorials
Tool Tutorial: Client Onboarding
Tool Tutorial: Approval Queue
Tool Tutorial: Customer Support
Datasources
Airtable
BigQuery
Cassandra
Cloud Firestore
DynamoDB
Google Sheets
HTTP Data Source
Hubspot
Maria DB
MongoDB
MySQL
PostgreSQL
S3
SQL Server
SSH Tunneling
Salesforce
Snowflake
Stripe
Zendesk
Functions
Introduction to Functions
MongoDB Functions
Binary Data
SQL Functions
Multi-Function Execution
HTTP Functions
Dynamic Parameters
Filter, Sort, Pagination (Reserved Parameters)
Spaces
Introduction to Spaces
Auto-generated Spaces
Version History and Restore Versions
Creating and Publishing Spaces
Environments
Field Configuration
Data Display Options
How to Delete a Space
Current User
URL Parameters
Visibility Rules
Components
Introduction to components
Bulk Action
Button
Card List
Chart
Checkbox 
Data Export
Date Time Picker
Detail
Dropdown
File Picker
Flexbox
Form
Image
Input
JSON Input
JSON Viewer
Link
Pop-up Form
Radio Button
S3 Uploader
Stat
Table
Tag Selector
Text
Text Area
Settings
Auth Providers
Managing Data Sources
Permissioned Data Flows
Single Sign-On (SSO)
Two-Step Verification
Users

S3 Uploader

Upload files into your S3 bucket with the S3 uploader component. This component lets you build tools that can upload files.

Ways to use a S3 uploader

Upload images to be displayed

If you're uploading images, you can bind an image component to your s3 bucket to display what is being uploaded.

Example:
You’re building a tool to manage the promotional banner displayed in your app. You add an S3 uploader that will allow the user to upload new banner images. Then, you bind an image component to the S3 bucket, so that the user can preview the image they just uploaded.

‍

Store docs and other files

Build tools for storing all types of files.

Example:
You need a tool to store scanned employee documents for HR records. You can use an s3 uploader here and then bind a table to the s3 bucket so that users can browse through uploaded files.

Configuring your s3 uploader

Data

Simply select the S3 bucket that you want your files to be uploaded to (after you've connected s3).

You can customize the button text and add an optional icon.

‍

Visibility Rules

You can create visibility rules that will determine when this component is visible and able to be interacted with.

‍

Effects

‍

After Submitting

Usually, if your uploader submission changes some data that is‍ displayed in the Space, you'll want to update what's displayed. After Submitting options allow you to refresh the data of a component in the Space.

‍

Design

Left and Top options only appear for top-level components (components that are placed directly onto the Space canvas).

Left: Set the distance of this component from the left edge of the Space canvas (x-axis position). This can be expressed as a % of the canvas or as a number of pixels.

Top: Set the distance of this component from the top edge of the Space canvas (y-axis position). This can be expressed as a % of the canvas or as a number of pixels.

‍

Width: Set the width of this component as a number of pixels or as a % of the containing unit.

Height: Set the height of this component as a number of pixels or as a % of the containing unit.

If the component is a top-level component, the containing unit is the Space canvas.

If the component is in-line within another component, the containing unit is the parent component.

If the component is within a flexbox component, the containing unit is the flexbox.

‍

Snap to Grid: Set the edges of this component to snap to the grid canvas in the Space.

‍