Create the user interface

---

You will now create a simple user interface for the client application. This will consist of two screens: a text entry screen for entering queries, and another screen for displaying results.

1. From the Displayables tab of the Mobile Devices Palette, drag a Text Box onto the Display node of the MIDlet Composer. If the Text Box was properly dragged to the tree, it will appear under Display in the tree, and also in the Emulator as a new screen with a name similar to TextBox0.

In the property sheet of the TextBox, change some starting properties.

2. Change the Object Name of the TextBox to 'query'.
3. Change the Title to 'Query'.
4. Change the Starting text to 'printer'.

Next you will drag three commands to the Text Box which will provide functionality for your program.

5. Choose the Commands tab of the Mobile Devices Palette.
6. Drag a Command onto the query node in the tree. It will show up in the tree with a name similar to Command1.
7. Repeat this two more times so you have three commands. Don't worry about the order of the commands; you will rename them all.
8. Change the Command label in the property sheet of the third command to Clear.
9. Change the Command priority of the command to '2'.
10. Select the second command in the tree. The property sheet to the right will show the information for this command.
11. Change the Command label of the second command to 'Exit'.
12. Change the Command type of the second command to Exit.
13. Select the remaining command in the tree.
14. Change the Command label of the remaining command to Query.

Now you will add the second screen of the client which will be used to display the results of the query.

15. Choose the Displayables tab of the Mobile Devices Palette.
16. Drag a Form onto the Display node of the MIDlet Composer, beneath the query node which is already there. If you accidentally drag the form above the query node, you should drag the form again so the query node appears above the form in the tree. The order matters here because the query node should be the first screen of your application.
17. The new form should have a name similar to form2. Change the Object Name of the form to 'results'.
18. Change the Title to 'Results'.
19. Choose the Form Items tab of the Palette. Drag a String Item onto the results form.
20. Drag a Command from the Commands tab of the Palette to the results form.
21. Change the Command label of the command to Back.
22. Change the Command type of the command to Back.
23. Change the then goto of the command to query.

You have now created the user interface for your client application.