RequiredFieldValidator2

ID: RequiredFieldValidator2

ControlToValidate: TextBox2

ErrorMessage: Please provide a valid password

Command1

ID: cmdSubmit

Text: Submit

After you have added the controls and changed the previously mentioned properties, the form appears as shown in Figure 33-3.

FIGURE 33-3 The frmLogon form with the controls added

Creating the frmSelectOption Form

The second form required for the MobileCallStatus application is the frmSelectOption form. To create the frmSelectOption form, add a Label, a SelectionList, and a Command control to the form. After adding these controls, change the following properties of the control.

770 Project 6 CREATING A MOBILE APPLICATION

Label1

ID: Label2

Text: Please select an option:

Font:

Bold: True

SelectionList1

ID: lstOptions

Items: The items to be added in the SelectionList1 control are displayed

in Table 33-1.

Table 33-1 Items to be Added to the SelectionList Control

In the General tab of the lstOptions Properties dialog box, change the following properties:

Select Type: Radio

Rows: 2

Command1

ID: cmdLoad

Text: Query

Figure 33-4 shows the frmSelectOption form with the controls added.

FIGURE 33-4 The frmSelectOption form with the controls added

Creating the frmPending Form

The frmPending form contains a Label, a SelectionList, and two Command controls. Drag these controls to the form and change the following properties of the controls:

Label1

ID: Label3

Text: Pending Calls

Font:

Bold: True

SelectionList1

ID: lstPending

Select Type: CheckBox

Rows: 4

772 Project 6 CREATING A MOBILE APPLICATION

Command1

ID: cmdUpdate

Text: Mark checked as complete

Command2

ID: cmdBack1

Text: Back

When you add controls to the frmPending form, the form appears as shown in Figure 33-5.

FIGURE 33-5 The frmPending form with the controls added

Creating the frmUnattended Form

To create the frmUnattended form, drag a Label, a SelectionList, and two Command controls to the form.Then, change the following properties of the controls:

Label1

ID: Label4

Text: Unattended Calls

774 Project 6 CREATING A MOBILE APPLICATION

Until now, you have created the interface of the forms required for the MobileCallStatus application. However, the controls that are added to the forms are not functional. To make the controls functional, you need to add code to these controls.

Adding the Business Logic

to the MobileCallStatus Application

You should first understand the working of the MobileCallStatus application. This will help you to write the code for the mobile Web controls in the mobile forms.

1.When a user accesses the MobileCallStatus application, the user needs to enter a logon name and password in the frmLogon form.

2.The user then clicks on the Submit button.

3.The application then validates the logon name and password of the user based on the data in the Users.xml file.

4.If the data entered by the user is incorrect, a message is displayed to the user.

5.The user then needs to reenter the logon name and password.

6.The logon name and password are again validated, and the process is repeated until the user enters correct data.

7.When the data entered by the user is validated and found to be correct, the frmSelectOption form is displayed. In the frmSelectOption form, the user can choose to view the incomplete calls or the new calls added to the Calls.xml file.

8.To view the pending calls, the user selects the View Pending Calls option and clicks on the Query button. The frmPending form is displayed.

9.However, to view the new calls added to the XML file, the user needs to select the Show Unattended Calls radio button. The user then clicks on the Query button.The frmUnattended form is displayed.