Step 3 Set Up the Web Page

LANSA WAM

Step 3. Set Up the Web Page

WAM090 - Using a List Row Weblet

1.  Open the list WebRoutine in the Design view.

2.  Add a column to the table containing the department code.

3.  Drop a Push button into the new cell and set up its properties:

Property

Value

Caption

Search

On_click_wrname

list

submitExtraFields

 

Field name: STDRENTRY
Literal Value: S

 

4.  Save your changes.

     Your page should look like the following:

5.  On the Favorites / Weblet Templates tab, select Custom Weblets in the top combo box. Drop the Training List Row Weblet onto the page. Your page should look like the following:

6.  Select the List Row Weblet, Select the Details tab and set up its properties as follows:

Property

Value

Listname

EMPLIST

List_field_label_1

DESC1

List_field_value_1

FULLNAME

List_field_label_2

DESC2

List_field_value_2

LOCATION

List_field_label_3

DESC3

List_field_value_3

FULLADDR

List_field_label_4

DESC4

List_field_value_4

STARTDTE

List_field_label_5

DESC5

List_field_value_5

MNTHSAL

List_field_label_6

DESC6

List_field_value_6

SALARY

List_field_label_7

DESC7

List_field_value_7

EMPNO

List_image_field

STD_TEXTL

 

7.  Save your changes.

     Your design should look like the following:

8.  This step will give the list row weblet the correct External Resources to match your selected page layout theme. See WAM060 – Employee Maintenance, Step 4. Define the Details WebRoutine where you used Cross References for your layout weblet to find the External Resources used by your chosen theme.

9.  With the Design view open, select the Design ribbon / External Resources button. Knowing your external resources (the cascading style sheets) used by your theme, delete the default files used by the weblet code provided and add the files for your theme.

10. Save your changes.

11. This step requires a set of small images for employees. If you haven't already done so, you can download these now following the instructions in Before You Begin at the beginning of this exercise.

12. Test your WAM and list employees for department code ADM. At the moment your list will be displayed on the left hand side of the page.

13. In the Design view select the List Row weblet and use the context menu to Insert / Div. With the div selected, change its align property to center. Save your changes.

14. Test your WAM. The list will now be displayed in the center of the web page.