# Text input

## Add a text input

1. Open an existing [application ](https://docs.novacura.com/flow-connect/working-with-connect/create-and-design/applications/create#create-application)or create a new one in an [application package](https://docs.novacura.com/flow-connect/working-with-connect/create-and-design/application-packages) and open it in the Designer.

   1. Add a User step. 
   2. Add a Text input. 
   3. In the Target Variable, write color.
   4. Under Appearance, in Prompt, write "Write a color".
   5. In Default Text, write "Blue".
   6. Under Behaviour, check the boxes "Force Uppercase", "Enable Text Correction" and "Trim Input Automatically". 
   7. Click the **Play** button in the top right-hand corner to run the application in diagnostic mode.

   <figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FBo5mVznS6hIBw2zcIujW%2FText%20input.png?alt=media&#x26;token=71e8b1f4-f558-4136-987e-9aec96409590" alt=""><figcaption><p>Notice that the default text shows as BLUE even though we wrote Blue, since we checked the "Force Uppercase" checkbox. </p></figcaption></figure>
2. Go back to the Designer.

   1. In the Condition To Hide, write “{userId = “*your user id”*} *(the user Id you log in to Connect with)*
   2. Run the application in diagnostic mode again.

   <figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FoHGixRKhz7mCgFwRtmor%2FWith%20border.png?alt=media&#x26;token=fabf8a31-f25e-4599-9864-41bbd0010540" alt=""><figcaption><p>The image is now hidden since the condition is fulfilled.</p></figcaption></figure>