Step 1. Create WAM iii Using CSS
WAM100 - Using Cascading Style Sheets
1. Create a new WAM
Name: iiiUsingCSS
Description: Using CSS
Layout weblet: iiilay01
Replace the default RDMLX code with the source provided in WAM100. Appendix. It is a simple WAM that looks like the following. It displays a list of employees as a browse list or a grid.
2. Compile your WAM. Open the begin WebRoutine in the design view:
a. Extend the table containing Employee Surname by adding a row.
b. Add a push button to each new cell and set up the push button properties as follows:
|
Property |
Value |
|
Caption |
List |
|
on_click_wrname |
Emplist |
|
Caption |
Grid |
|
on_click_wrname |
empgrid |
Save your changes.
3. Open the empgrid WebRoutine in the Design view. Add a Grid weblet to the page and link it to list EMPLIST.
4. Save your changes.
5. Run the begin WebRoutine in the web browser.
a. Enter a partial surname such as "S" or "B"
b. Click the List push button to display a list of employees.
c. Click the Grid push button to display a grid of employees.