Working with Text Input Control in Microsoft PowerApps

Step 2. Create a New App in PowerApp.

After Login, we can see the Dashboard. There we click on the New button.

Step 3. Choose the Blank App.

Step 4. Designing the App.

Now, let's start designing the App. On the left side, we can see the Individual Screens for adding our data. On the right side, we see the List of Layouts. In the Top we see the formula bar. There you see the Properties of the screen that you select. On the Right Side, we see the Add Data Source to add the External Data Source.

Step 5. Drag and Drop the Text Box Control.

1. Go to the Insert menu then Controls and Drag the Text Control.
   
2. Drop the Text Control on the Screen.
   
3. Rename to input first.
   
4. Drop another text control.
   
5. Rename to input last.
   

Step 6. Drag and Drop the Button Control.

1. Go to the Insert menu then Controls and Drag the Button Control.
   
2. Drop the Drop Down Button Control on the Screen.
   
   

Add the Coding

Select the Button and add the following coding to the OnSelect Event

Coding

Collect(Names, { FirstName: inputFirst.Text, LastName: inputLast.Text })

Step 7. Drag and Drop the Text Gallery Tool.

If you click on the button, the changes appear on the Text Gallery control.

1. Go to the Insert Menu then choose Gallery and Drag the Text gallery -> Horizontal.
   
2. Draw the Text Horizontal control on the screen.
   

Add Coding

Select the Text Control and change the Items to Names.

Now, Select the first item in the Text gallery and add the ThisItem.FirstName to Text Property.

Next, Select the First box and change it to FirstName and the Second box to Last Name in the Property window.

Step 8. Run the App.

Output 1. Main Screen

Output 2. Enter the Text Box and click on the Add button.

Output 3. Data added on the Text Gallery.

Conclusion

I hope you understand how to add the Text Input Control in Microsoft PowerApps and how to run it.