Text Input

Adding the Text Input Component

Select the Text Input Component from the left panel under Forms & Fields and drag onto your screen where you can rename it for easy identification when using.

Set up your Component

Input Type

Select the Input Type based on the use of the component.

The Input Type limits the characters and adjusts the keyboard based on your selection depending on the Device/Browser. Keyboard type is automatic and cannot be changed.

• Normal - Accepts all characters.

• Lowercase - Only accepts lower case characters.

• Password - Masks input for user passwords.

• Email - Shows email characters on Keyboard.

• Number - Accepts integers, comma (as decimal), decimal, and dash. (Will not accept both "," and ".")

Placeholder

Add a placeholder. This gives your user a hint of what should be entered.

Default Value

Enter the default value. This can be entered manually or pulled from MagicText depending on your use case.

Edit the style of your Text Input

You can edit the style similar to that of other components with a few specific options.

Max Length

Max length will limit the number of characters that can be input by the user. After the limit is reached, no additional characters can be entered.

Auto-Focus

Auto-Focus will automatically select the text input for typing when the User navigates to the screen. This should only be selected for 1 Input Component per screen.

Learn More

• Use the Text Input to create a Custom Form for uploading data into your Adalo Collection.

• Text Inputs will clear automatically after the data is used in an action. If the Data is not used in a subsequent action, it will remain until the device cache is cleared or the text is deleted manually.

• If using Text Inputs to filter lists, you should only use each input 1 time to ensure it works as expected.

Help

If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well!

Looking for more features? Check out additional components available for purchase in the Adalo Component Marketplace!