Page History

...

1. Open the ShowPage WebRoutine in the Design view.
   

...

1. 
   It should look like the following:
   
   Image Modified
   

...

1. 
   
2. Click anywhere in the table containing department code and using the context menu select the Table Items / add Columns… option, to add 3 columns.
   

...

1. 
   
   1. Move the section code and its label into the 3^rd and 4^th columns (top row), using drag and drop.

...

1. 1. Drop a push button with image into the 5^th cell, top row

...

1. 1. Click in the bottom row, and use the context menu, Table Items / Delete Row to delete this row.

...

1. 1. Click in the cell containing the section code label, if necessary use the cursor keys to ensure you are in the table cell (<td> tag) and use the Details tab to change its class to caption.

...

1. 1. Select the department code label and delete it. Type Department: into the cell. Change the cell class to caption.

...

1. 1. Select the section code label and delete it. Type Section: into this cell.

...

1. 1. Select each of the new cells using the cursor keys, and delete the * place holder characters.

...

1. 1. Save your changes.
      

...

1. 1. 
      
2. Select the push button and set up its properties on the Details tab:
   

   Property	Value
   caption	Search
   left_relative_image	icons/normal/16/zoom_16.png
   on_click_wrname	ShowPage
   submitExtraFields	Field Name: STDRENTRY

...

1. Literal Value: S

...

1. 
   
   
2. Select the table and changes its Align property to center. You should be able to click on a corner of the table to select it.
   

...

1. 
   
2. Save your changes
   

...

1. Your page should look like the following:
   
   Image Modified
   

...

1. 
   
2. Drag and drop a Dynamic Select Box onto the field DEPTMENT, set up its properties as shown:
   

   Property	Value
   listname	DEPTS
   codeField	DEPTMENT
   captionField	DEPTDESC

   
   Adjust the width of the dynamic select box.
   

...

1. 
   
2. Drag and drop a Dynamic Select Box onto the field SECTION and set up its properties as shown:
   

   Property	Value
   Listname	SECTS
   codeField	SECTION
   captionField	SECDESC
   updateWrName	updsects
   updateOnFieldChange	DEPTMENT
   updateFieldsToSubmit	Field Name: DEPTMENT

...

1. Value: Field DEPTMENT

...

1. 
   Adjust the width of the dynamic select box.

...

1.  
   Complete the updateFieldsToSubmit property by clicking on the Ellipsis

...

1. Image Added button in the value column, to open the Design of…

...

1. Property dialog.
   

...

1. 
   
   1. Select DEPTMENT in the Name column.
      

...

1. 1. 
      
   2. Select the Field checkbox and enter DEPTMENT in the Value column.
      
      Image Modified
      

...

1. 1. 
      
2. Save your changes.
   

...

1. 
   
2. Execute the ShowPage WebRoutine in the browser.
   
   
   • Changing selected department should refresh the section's dropdown list.
   • The Search button should populate the list of employees.
     
     Image Modified