Inquiries: Text Input form component

What is the Inquiry Text Input form component?

Text Input is an Inquiry form component that adds a text field to the screen. It allows users to enter and edit freeform text. You can set how the input data is updated to the fields table and define logic that governs when it appears.

textinputcomponent_screenshot

An Text Input form component is useful for collecting short, freeform text from users. For example, a Text Input component can be used to collect a contact email address.

How do you add an Inquiry Text Input form component?

  1. Navigate to the Dashboard, and click on Inquiries > Templates.
  2. Find and click on the Inquiry template you want to edit, or Create a new template.
  3. Hover over a screen and click the Pencil icon, or double-click the screen to open it in the Screen Editing View.

component-edit

  1. In the Left Panel, search the Component Library for ‘Text Input’.
  2. Drag and drop the Text Input form component into your screen, and reposition it by dragging it around.
  3. Click on the Text Input form component to open its settings in the Right Panel. The panel has three tabs: Design, Data, and Logic.
    1. On the Design tab, under Properties:
      1. Label: Set the label shown above the field. The Label is a text element displayed above the Text Input component to describe its purpose, such as “Enter you name,” helping users understand what information to provide.
      2. Placeholder: Set the placeholder text shown inside the field. The Placeholder displays temporary text inside the Text Input component, such as “Jane Doe” offering an example or guidance on the expected format until the user enters their own input.
      3. Tooltip Text: Set the tooltip text that gives users more context.
      4. Input Type: Choose the type of input the field accepts. This determines the keyboard users see on mobile devices, and can add basic browser checks on web.
        1. Text: Accepts general text and shows a standard keyboard.
        2. Email: Shows an email keyboard on mobile. On web, the browser checks for a valid email structure before the form is submitted, and may suggest the user’s saved email addresses. Setting the Input Type to Email does not guarantee that the entry is a valid email address. On mobile, it only changes the keyboard. To reliably check the format, add an email validation rule. See the Data tab section on the Screen Step components in Inquiries page for details.
        3. Number pad: Shows a numeric keypad on mobile. On web, the browser accepts numbers only.
    2. On the Design tab, use the Layout, Typography, and Appearance sections to style the component. See the Design tab section on the Screen Step components in Inquiries page for details.
    3. On the Data tab, choose the field the input is written to, and customize the field's behavior, such as whether it is required. You can also restrict which characters can be entered, and add custom validation rules to ensure the entry meets your formatting requirements. See the Data tab section on the Screen Step components in Inquiries page for details.
    4. On the Logic tab, add rules that govern when the component appears, and when it does not. See the Logic tab section on the Screen Step components in Inquiries page for details.
  4. Use the actions at the top right of the panel to copy, delete, or set translations on the component. To translate the text, see Editing translations for your Inquiry.
  5. Close the step. You’ll have to Save and Publish the template to begin using it.

Plans Explained

Text Input form component by plan

Startup Program Essential Plan Growth Plan Enterprise Plan
Text Input form component Available Available Available Available

Learn more about pricing and plans.

Learn more

Learn more about Inquiries.