Text input

The Text Input component allows the user to enter text. This text can be reused elsewhere in the application or used to trigger an action.

With this component, you can display of a text entered by the user. When the application is closed, this text disappears. 

When text is entered, the device's keyboard opens automatically (on mobiles, tablets and computers). On a touch terminal, it is necessary to associate a virtual keyboard.

In this article

Insert a text input

Insert the Text input component.
In the properties, customize the appearance (size, alignment, color) and add a placeholder message if you wish.

Validate the input

To validate the input, you can either activate the automatic validation (option Live validation) or add a validation button (action Interact with a component > Text input > Validate).

Display entered text 

You can reuse the user validated text in the application. 

Insert a text block and customize the style. Add a data binding on the Content : From a component > Text input.

Trigger an action based on text value

Let's imagine an English language learning application. The user must type in the word pineapple to get a correct answer. A pop-up tells him whether the answer is right or wrong. You need to create a condition "If the text is pineapple" and another "If the text is not pineapple" and associate the right actions. 

Insert the component Condition and in the properties create the two conditions using the value of the Text Input component.

Add an action to evaluate these conditions. 

With the Conditions component, add actions to open the right pop-ups based on each condition
Add an action Evaluation {condition} > Interact with a component > Pop up > Open pop up.

Learn more: Conditions

To go further, you can associate it with a user session via the component Firebase session, store it locally for use in the application via the PandaSuite database or send it via the HTTP component to an external service or application (Airtable, Google Drive etc..). 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us