🔴 On2Air Forms has been shutdown to focus on our On2Air Backups Airtable app Learn more about automated Airtable backups - on2air.com
See more Fields in the Form Field Reference
In this article
- How to Add a Field to Your Form
- Field Configuration
- Field Labels
- Content Configuration
- Add Dynamic Airtable Field Values
- Using Inline Images - Sizing and Styling
- Upload Image from a Device or Link to a URL
- Use Image from an Airtable Field
- Size and Style Your Image
- Airtable Storage
- Extra Options
- Danger Zone
- Field Labels
How to Add a Field to Your Form
Here’s how to add Airtable Fields or On2Air Custom Fields to your Form
Field Configuration
Field Labels
Title
- Add a title to be displayed above the field as the main name. To leave blank, add a single space
By default, this is the name of your field in Airtable. You can use a different field name than your base and it will not affect the field name in your base.
Sub Title
- Add a subtitle to be displayed above the field. To leave blank, add a single space
You can use text in this field and you can use Markdown to increase text size, bold, or italics
Related: Use Markdown with On2Air Forms
Helper Text
- Add helper text to be displayed below the field. To leave blank, add a single space
You can use text in this field and you can use Markdown to increase text size, bold, or italics
Related: Use Markdown with On2Air Forms
Example:
Content Configuration
The Content Configuration is where you can add text, images, Airtable fields, links and other content to the field.
With the Airtable Field option, you can insert the field as a dynamic placeholder for any value that a form user enters on the field. You can also use it to display data from Airtable when editing/updating a record.
- Click the Open icon
- Add your content on the left screen. You’ll see the Preview on the right.
Add Dynamic Airtable Field Values
- To add Airtable data, move your cursor to where you want the field and click Add Field
- Click Add next to the field you want
- You’ll see your Airtable field name(s) in blue
- If you’re Previewing in Edit Mode, you’ll see the dynamic Airtable values added
- If you’re Previewing in Create Mode, you won’t see the values until the field values are added
- You can test out Create mode Preview by entering in a value for field placeholders
- In the example, enter in an email address in the Email field, then look at your Static text again. You should now see the value you entered.
Using Inline Images - Sizing and Styling
You can add images in several different ways in the editor. You can upload an image from your device, from a URL, insert an image from an Airtable field. You can also use HTML to further style an image if you use the syntax below.
Upload Image from a Device or Link to a URL
- You can add any image from your device/computer or a URL by clicking the Image icon. This will add the image as its exact size. With this method, you won’t be able to resize the image in the editor, you’ll need to size it before uploading.
Use Image from an Airtable Field
- You can add an image from your Airtable base with the Add Field option
- This will add a field name placeholder in blue where your image will appear and the image will display in full size in the field
Size and Style Your Image
- To resize images or style your images inline, you’ll use one of these methods. You can style with HTML.
Using an Airtable field
To style your images from an Airtable field, you’ll need to use the img src style and then type in the actual Airtable field name rather than using the Add Field option.
<img src="{{:url field="Your Image Field Name"}}" style="width: 100px; height: 100px"/>
In this example, we have an Airtable field named Logo and we’re limiting the size of the file to 100x100px
You can also add other HTML styles as needed for color and style.
You can also use the templating syntax to insert and style images
{{:image field="Logo" style="width: 50px; height: 50px"}}
Airtable Storage
You can send data from the Static Text field back into an Airtable field.
The storage field must be a field that is not added to your form already.
Extra Options
In each field, there are options to add further advanced settings.
Danger Zone
Delete your field from the form
Click Remove
Click Yes, I want to delete this field from the form
Field Labels
Title
- Add a title to be displayed above the field as the main name. To leave blank, add a single space
By default, this is the name of your field in Airtable. You can use a different field name than your base and it will not affect the field name in your base.
Sub Title
- Add a subtitle to be displayed above the field. To leave blank, add a single space
You can use text in this field and you can use Markdown to increase text size, bold, or italics
Related: Use Markdown with On2Air Forms
Helper Text
- Add helper text to be displayed below the field. To leave blank, add a single space
You can use text in this field and you can use Markdown to increase text size, bold, or italics
Related: Use Markdown with On2Air Forms
Example: