Text Input
The Text Input Component allows users to enter data into your app. You can use the Text Input Component for many things including Custom Forms, Chat Boxes, or creating Custom Filters.
Last updated
The Text Input Component allows users to enter data into your app. You can use the Text Input Component for many things including Custom Forms, Chat Boxes, or creating Custom Filters.
Last updated
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.
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 ".")
Add a placeholder. This gives your user a hint of what should be entered.
Enter the default value. This can be entered manually or pulled from MagicText depending on your use case.
You can edit the style similar to that of other components with a few specific options.
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 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.
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.
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!
