Step 1 Create Form Using Lists

Step 1. Create Form – Using Lists

FRM065 - Using List Components

The form will contain at the top, a "Search" group box, with radio buttons to select "search type". The required search field (e.g. SURNAME) will be displayed based on the radio button selected. A Search button will populate a list view with employees.

1.  Start by creating fields in the Repository which will be used for search values.

• Field iiiSRCDTE, Start Date reference field iiiStartDate

• Field iiiSRCDEP, Department Code, reference field iiiDeptCode

• Field iiiSRCNME, Employee Surname, reference field STD_NAME

     Note: Field iiiSurname has a reference field of STD_NAME. Field iiiSurname can therefore not be used as a reference field itself.

2.  Create a New Form / Basic Form: iiiUsingLists – Using Lists. Make the form RDMLX enabled.

3.  In the Design tab, from Common Controls, drop a Group Box at the top of the form. Change its Caption to Search and resize it to occupy the full width of the form. Your form should look like the following:

4.  Drop another Group Box into the Search group box. Change its Caption to Search by and resize it and place it on the left hand side. Your form should look like the following:

5.  Drop three Radio Buttons into the Search by group box.

a.  Set up their properties as shown:

b.  Align your radio buttons using the Align dialog on the Design ribbon..

     Your form should look like the following:

     Note: Radio Buttons are grouped according to the "container" which they belong to, in this case a Group Box. Only one radio button can be selected. Other containers such as Panel or the Form itself can be used. A Group Box is usually used because the interface makes it clear to the user, that the radio buttons are a set.

6.  Save your form.

7.  In this step you will place three fields into the Search group box and position them on top of each other. The form will make one visible at any time.

a.  Drop field iiiSRCNME onto the form. Position the field as shown. Reduce the width of the field. The quickest way to do this is to change the Width property to a smaller value and then lengthen the field again if necessary. Try 320. Resize the form and Search group box if necessary.

b.  Drop the field iiiSRCDTE on to the Search group box. Change its ShowTime property to false.  Change its Visible property to False.

c.  Hold down the Control key and use the cursor keys to position the file iiiSRCDTE on top of the field iiiSRCNME. Your form should look like the following:

     Hint: You can use the Outline tab to select components.

d.  Drop the field iiiSRCDEP on to the Search group box, and change its Visible property to False. Use the Control + cursor keys to move it on top of field iiiSRCNAME.

8.  Drop a Push Button on to the Search group box. Change its Caption to Search, change its Name to SEARCH and position it as shown.

9.  Save your form.

10. Make the form longer and drag a List View onto the form and resize it as shown. Change the list view Name property to EMPLOYS.

     Hint: To position and size the list view:

a.  Drag its handles to resize it to approximately the required size

b.  Hold down the Control key and use the left cursor key to slide it to the left hand side of the form

c.  Hold down the Shift key and use the right cursor key to stretch the list view to the required position at the right hand side of the form.

11. From your Last Opened tab, expand the file iiiEmployees and add the fields iiiEmployNumber, iiiDeptCode, iiiDeptDescPJF and iiiStartDate to the list view. From Repository / Fields add field FULLNAME to the list view.

12. On the Details tab change the Display Position of the FULLNAME column to 2.

     Your form should look like the following:

     Tip: In a real application you would probably change the column heading Caption property for each column and change its CaptionType to Caption. You could also change the column properties to size and space them as required.

13. Lengthen the form slightly and drop a Status Bar onto the form, from the Controls tab / All Controls view. It will attach to the bottom of the form.