Single Text Input

The Single Text Input widget is a basic input field that allows users to enter a single line of text. It is commonly used in forms where brief, structured responses are required such as names, titles, or short descriptions.

Common Use Cases

• Entering a name, email address, or username

• Providing short descriptions or labels

• Collecting structured form data such as phone numbers or tags

Widget Properties

Validator

• Defines the expected format or content type of the input (e.g., only numbers, no special characters).

• Prevents invalid or unintended text from being entered.

Maximum Characters (0 = any)

• Limits the number of characters that can be typed into the field.

• A value of 0 allows unlimited input.

Step-by-Step Guide to Use the Single Text Input Widget

Step 1: Add the Widget

Open the Widgets Panel from the left sidebar, scroll to the Fields & Headers section, and locate Single Text Input. Pick and drop the widget onto your page.

Step 2: Add Content or Customize Layout

Once placed, style and align the input field on your page. You can place it within other layout containers or alongside labels and helper text for better UX.

Step 3: Bind/Set Properties

Use the Maximum Characters (0 = any) field under the Panel tab to define the text length limit. Set 0 to allow unlimited input or enter a specific number to restrict character count. You can also use the Validator to prevent invalid text type or restrict the text type being entered.

Step 4: Preview or Finalize

Switch to Preview Mode or publish the page to test the input behavior. Ensure the field captures single-line input as expected and respects the character limit.

(e.g)