Feathery Docs
HomeCommunityGitHub
  • Platform
    • Quickstart
    • Form Fields
      • Hidden Fields
      • How to Set Field Values
      • Link Fields Across Forms
      • Custom Field Input Format
    • Build Forms
      • Elements
        • Basic
          • Container
          • Button
          • Text
          • Progress Bar
          • Image
          • PDF Viewer
          • Video
          • Table
          • Tooltip
        • Fields
          • Address
            • Street Address Line 1
            • Street Address Line 2
            • City
            • State
            • Country
            • Zip Code
          • Button Group
          • Checkbox
          • Checkbox Group
          • Color Picker
          • Combobox
          • Dropdown
          • Dropdown Multiselect
          • Date Selector
          • Time Selector
          • Email
          • File Upload
          • Matrix
          • Number
          • Password
          • Picture Choice
          • Pin Input
          • Phone Number
          • Radio Group
          • Rating
          • Signature
            • Legally Binding Signatures
          • Slider
          • Social Security Number
          • Text Area
          • Text Field
          • Payment Method
          • URL
        • Custom HTML, JS, CSS, and Iframes
        • Custom Fields
      • Design
        • Reuse styles and elements
          • Styling
          • Assets
        • Alignment and Spacing
        • Sizing Forms and Elements
        • Responsive Layouts
      • Actions
      • Logic
        • Navigate Steps Conditionally
        • Show Elements Conditionally
        • Custom Field Validation
        • Available Conditions
        • Display Dynamic Text
        • Dynamically Repeating Containers
      • Advanced Logic & API Connections
        • Visual Rule Builder
          • Connect to API Action
            • Salesforce API Connector
          • Set Field Value Action
          • Navigate Step Action
          • Set Field Error Action
          • Open URL Action
          • Set Calendly URL Action
        • Javascript Rule Builder
          • API Connections in Code
          • Trigger Integrations from Logic
          • Reusable Logic Configs
        • Examples
          • API Connectors
            • Dynamic dropdown options
            • Dynamic form navigation
            • Pre-fill form from Salesforce
            • Pre-fill form from Hubspot
            • Pre-fill field options from Google Sheets
            • Generate ChatGPT Message
          • Field Validation
            • Complex Field Validation
            • Date and Time Validations
          • Initialize Date Field
          • Dynamically set field placeholder
          • Randomize Field Option Order
          • Update field options based on previous selection
      • Integrations
        • Event Triggers
        • Examples
          • Upload Files to Google Drive
      • Dev & Staging Environments
    • Launch Forms
      • Embed Your Forms
      • Custom URLs & SEO
      • User Tracking
      • Completion Criteria
      • UTM Parameters
      • Accessibility Standards
      • Analytics
      • A/B Testing
      • Offline Mode
    • Document Intelligence
      • Review Extractions
      • Post Processing
      • Supported Document Types
      • Prompting Guide
      • Examples
        • Investment Report
    • Document Autofill & Signatures
      • Autofill Document Templates
        • PDF Autofill
        • Word Doc Autofill
          • Dynamic Tables
        • Excel Autofill
        • PowerPoint Autofill
        • InDesign Autofill
      • Signature Workflows
        • Signature Notifications
        • Access Signed Documents
        • 21 CFR Part 11 Compliance
      • Export Form Submission PDF
    • Workflows
      • Collaboration
        • Email Invite
        • Start Directly
        • Anonymous Starts
      • Review, Edit & Approve
      • Unique Submission Links
    • Enterprise Compliance
      • Security and Privacy
      • Reliability and Performance
      • Document Management
      • Data Sovereignty
    • International Forms
      • Translate Forms
      • Right to Left (RTL) Support
      • International Form Fields
    • White Label Feathery
      • Build Custom Form Fields
      • Offer Custom Form Templates
      • Custom Dashboard Domain
    • Account Settings
      • Managing Your Team
      • Permissions and User Groups
      • Account Attributes
    • FAQs
      • Account & Billing
  • Guides
    • Verify Submissions & Prevent Spam
    • Build a Login or Verification Flow
      • Connect an Auth Integration
      • Add Auth Methods
        • Email SMS Code
        • Email Magic Link
        • Phone Number Verification
        • Social Logins
          • Google
          • Amazon
          • Apple
          • Bitbucket
          • Coinbase
          • Discord
          • Facebook
          • GitHub
          • GitLab
          • LinkedIn
          • Microsoft
          • Slack
          • Twitch
          • Twitter
      • (Optional) Require Auth for Onboarding Steps
      • (Optional) Add Login Flow to Your Site
        • Feathery-Hosted (Recommended)
        • Embed Login Flow
          • Login Embed Tutorial
    • Build a Payment Flow
      • Connect to Stripe
      • Select Products or Plans
      • Collect Payment Method
      • Purchase Products
    • Send Custom SMS Messages
    • Salesforce Picklist Options
  • Developers
    • React SDK
      • API Guide
        • init()
        • <Form>
          • contextRef
          • Event Handlers
            • onSubmit()
            • onLoad()
            • onChange()
            • onAction()
            • onError()
            • onFormComplete()
            • onView()
          • Custom JSX Components
          • PopupOptions
          • initialLoader
        • getFieldValues()
        • setFieldValues()
        • updateUserId()
        • Login API
          • <LoginForm>
          • useAuthClient()
      • Inline vs Popup Form
    • Javascript SDK
    • Context API
      • Field Object
      • field.setStyles()
      • Deprecated Context API
    • REST API
Powered by GitBook
On this page
  • Available Actions
  • Validate & Save Fields on Step
  • Form Navigation
  • Save a Field Value
  • Open a Link
  • Adding or Removing a Repeating Container
  • Trigger Integrations
  • Authentication Actions
  • Start New Submission
  • Custom Action
  • Invite Collaborator to Submission
  • Verify Collaborator Email
  • Return to Previous Collaborator
  • Generate Documents
  • Document Extraction

Was this helpful?

  1. Platform
  2. Build Forms

Actions

When a user clicks buttons, text, or containers on your form, you can trigger a wide variety and sequence of form actions to occur.

PreviousResponsive LayoutsNextLogic

Last updated 2 months ago

Was this helpful?

When a user clicks , , or on your form, you can trigger a wide variety and sequence of actions to occur.

Available Actions

Validate & Save Fields on Step

This action runs before any other action you specify. It will validate all of the field entries on the current step and short-circuit any subsequent actions if it catches a validation error (missing field value, failed custom validation rule, etc.)

If validation completes successfully, it will save the field data to Feathery.

Form Navigation

  • Go to next step

    • Optional allow validating and submitting the fields on your current step

    • If validation fails, navigation will not occur.

  • Go to previous step

    • Navigates back to the last step that the user was on.

Save a Field Value

You can configure an element to save a custom value into a form or hidden field when it is clicked. This allows you to:

  • Track which elements were clicked for calculating navigation, validation, purchases, and more.

  • Build custom fields by combining buttons and containers that store custom values into the same hidden field.

Open a Link

Clicking an element can trigger a custom URL to open, either in the same window or in a new tab.

Links also support field variable interpolation. You can use {{<field_id>}} syntax within the link you define, and Feathery will automatically replace it with the current session's field value before opening the link. To insert the user ID of your current session, use {{feathery_user_id}}

If you've set a container on your form as repeating, clicking an element with the Add Repeating Container action will cause a new copy of the container to appear right below the current one. You can keep triggering the action to continue adding more repetitions after each other.

Clicking an element with the Delete Repeating Container action will have the opposite effect. If the element is in the repeating container itself, the action will remove the repeating container that contains the element. Otherwise, specify the container that it applies to and it will remove the last repetition when clicked.

Trigger Integrations

Authentication Actions

  • Log out users that have been logged in

Start New Submission

If you have Remember User turned on in your form settings, you can still allow users to manually initiate new submissions by specifying Start New Submission as a click action. When your user clicks the element, it will trigger a new form session to begin that corresponds to a new submission and new tracked user.

Under the hood, this refreshes the cookie being used to track and identify the form user.

Custom Action

Invite Collaborator to Submission

Verify Collaborator Email

This action will error and short-circuit if the field you associate with this action does not contain the email of a collaborator on the submission. This is useful if you want to set up an initial validation step so even if someone is able to access a collaborative submission link, they won't be able to proceed until they validate the email of the user it belongs to.

Return to Previous Collaborator

For example, you might be the second reviewer in a sequence and have caught a mistake from the previous form filler. This action allows the reviewer to send a form back to an earlier collaborator in the sequence so they can review and re-edit their form entry.

If the collaboration sequence is ordered, the collaborator flow will restart from the collaborator specified in the return action and go through every collaborator after them as well.

If the collaboration sequence is unordered, only the collaborator specified in the return action will need to re-review their submission.

Generate Documents

Autofill a set of document templates. Afterwards, you can either route the documents for signature or download them directly from the form.

If routing for signature, the form will automatically redirect the user to a document signature flow where they'll be able to sign the documents you just generated with form data.

You may also enable the Repeatable toggle, which will allow you to fill a single document template multiple times if the data you're filling in is repeating.

Document Extraction

Trigger a document extraction to process and extract information from an uploaded file. If the extraction has variants set up, you can choose one to use. If Run Async is checked, the form will not wait for the extraction to finish and the extraction results will not be available in the form (the extraction will still show up in the extraction results page).

Allows you to navigate to a different step of your form according to your

If the button with the Save Value to Field action is and the corresponding value you're saving is a repeating field or a hidden field storing an array of values, the corresponding index of the field value will be saved based on the repeat order of the button.

Adding or Removing a

Certain integrations like or can be triggered via a click. When Plaid is triggered, the Plaid modal will appear to guide the user through a flow for collecting their bank information. Stripe allows you to trigger an action to collect a payment from the user.

When an like or is connected to your form, you have access to verification actions that can be triggered via a click. This includes:

Log in or sign up users , or .

Specifying a custom action to run won't do anything automatically. However, if you have a specified that runs when an element is clicked, or if you've embedded your form and specified a as a callback function, your logic will be run when the user clicks the element.

This is useful if you're . This allows you to specify the other collaborators on your submission via the form itself. You'll need to specify the field to pull their email from, along with which collaborator they map to (defined via your ). You won't be able to use this action unless you've defined your collaboration template with more than one collaborator.

repeating
Repeating Container
Plaid
Stripe
authentication integration
Stytch
Firebase
via SMS
magic link
social login
logic rule
custom action
buttons
text
containers
starting a collaborative submission directly
collaboration template
navigation rules