Select Page
Field Type: Placeholder Field - JotForm

Field Type: Placeholder Field - JotForm

The Placeholder Field is used to output any Airtable record data in your form, based on a specific Select or Sub-Select On2Air field in JotForm. It can output hidden data, table-related data, or user-generated data. The Placeholder Field Type can be styled using Markdown or HTML.

With On2Air: Forms, your forms in JotForm connected with Airtable have many advanced features.

You can specify search filters based on parent fields, sort the display order, input text placeholders, specify default values, style in Markdown or HTML, and much more.

image

How to Add the Placeholder Field to Your Form

💡

We are currently waiting for JotForm to add the new On2Air: Forms widget to the Integrations area in JotForm. This does not affect the features of On2Air: Forms, you only need to configure your fields in our dashboard instead of in the builder.

The process documented below will be the process for adding fields to your forms once JotForm adds the On2Air widget to the Integration area. Until this is complete, please use the On2Air dashboard to add new On2Air fields to your JotForm form.

You will need to add the On2Air Widget to your form in JotForm

  • In your JotForm form, select Add Form Element
  • Click Widgets
  • In the search field, search On2Air
  • Drag the widget into your form where desired
  • The Widget Settings will pop out on the right-hand side
  • Click General
  • Click the Edit Settings button

If you have not added any other form fields, you will need to connect this form to the On2Air JotForm Connection you created

*   Select your On2Air JotForm connection

*   The form should automatically populate in the form field

*   Give your form a description
  • Once you have connected to On2Air, you will be given the field options from On2Air
image
  • Click Select to the right of the Placeholder Field
image
  • The Placeholder Field configurations will be displayed

Secondary Option

How to Add the Placeholder Field to Your Form in JotForm from the On2Air Dashboard

In your individual Form dashboard

  • Click + New Field
  • Choose the field type you need
  • Click Update Details to begin configuring your field
image

Using the Placeholder Field Configurations

There are two ways you can edit the Placeholder Field Configurations. You can edit from your JotForm form or you can edit from the On2Air: Forms dashboard. They both display the same configuration options.

Please configure your field from the On2Air Dashboard until the widget is added to JotForm.

From the JotForm form field (This is the easiest)

  • The configuration options will display when choosing the Placeholder Field from the On2Air Widget in the instructions above

To edit after the setup process

  • Click the field you want to edit
  • Select Widget Settings (the magic wand icon)
  • The Widget Settings will pop out on the right-hand side
  • Click General
  • Click the Edit Settings button
image

From the On2Air dashboard

  • Click the Details button to the right of your form
  • You will be in the On2Air Fields tab
  • Click Details next to the field you want to edit
  • Click Update Details
image
  • Once the configurations are chosen, click Update Field Details
  • If needed, you can also Discard Changes
image

Configuration Details

Input Field - The form field your placeholder output is watching

Field Name - The Airtable field you want to display as the placeholder This field is populated from your Sub-Select Field Display Configuration Value Field

image

Example: Input Field is City. Field Name is Summary HTML.

The field in Airtable for City is a list of Cities. The field in Airtable linked to Summary HTML as a Placeholder is a formula field containing Text, another field name, and an image URL link, all formatted in Markdown and HTML.

image

Separator - Input a separator symbol to separate multiple results * Can be Markdown or HTML * Example: \\n<hr>\\n

Empty Placeholder - Text displayed if nothing is selected * Can be Markdown or HTML * HTML Value is displayed if no value available in the parent field or no parent field is selected

image

Advanced Display Options

  • Convert Rich Text - If you are using Markdown in your Placeholder field, toggle this ON (blue)
  • Autosize Placeholder Frame - Automatically size placeholder output field in your form according to your placeholder output needs (Recommended)

Autosize Advanced Settings

The sizes in the advanced settings affect the Placeholder box size shown in the blue box below

image

Height Buffer - Add a height buffer space to your placeholder * Use pixels * Should be a standard numeral

Height Min - Set a minimum height for your form placeholder * Use pixels * Should be a standard numeral

Height Max - Set a maximum height for your form placeholder * Use pixels * Should be a standard numeral

Width Buffer - Add a width buffer space to your placeholder * Use pixels * Should be a standard numeral

Width Min - Set a minimum width for your form placeholder * Use pixels * Should be a standard numeral

Width Max - Set a maximum width for your form placeholder * Use pixels * Should be a standard numeral

JotForm Meta Field Items

To update the JotForm field settings, enter new values here. Leave blank to leave as is. Once the changes are made in On2Air, refresh the JotForm Builder to see changes. These are not saved in On2Air, only updated in JotForm.

  • Field Name - Used for the URL parameter (This is equal to the Unique Name in JotForm Advanced Properties.) In our examples, “state” was the Unique ID.
  • Field Text - The field label displayed above your form field
  • Field Order - Use a numeric value to order your form fields. You can also use the drag-and-drop option in JotForm. The Header field counts as #1.

You can find these settings in JotForm

  • Click a form field
  • Select Properties (the gear icon on your form field)
  • Select the Advanced tab
  • Click Field Details
image

Placeholder Field Details

  • Details - An overview of all configurations in your Placeholder Field
  • Update Fields - This will open your configurations table allowing you to set up or change your configurations
image

Placeholder Field Settings

  • Question ID - The order of your field
  • Type - Displays whether this is a Select Field, Sub-Select Field, or Placeholder Field
  • Code - Displays a unique ID
image

Delete Field

  • To delete your Placeholder Field, click the Delete Field button on the right-hand side
  • In the popup, click Yes, I want to delete this field
  • WARNING: This action cannot be undone
image