Skip to content

Inventory Web View

Last, you will create the Inventory web view.

  1. Click on the Create New button on the Studio’s toolbar.
  2. Click on the Web Object tab of the Create New... dialog.

  3. Double-click the Web View Wizard icon.

  4. Read the explanations on the first wizard page of what this wizard will do and click Next.

  5. On the Names wizard page, enter Inventory as the object name, Inventory as the filename, and Inventory Maintenance as the description. Then click Next.

  6. On the "Web View Style" wizard page, leave the default selection of Create a Simple Form Web View, then click Next.

  7. On the "Main Data-Dictionary" wizard page, click on Inventory - Inventory_DataDictionary to select it as the data dictionary to be used, then click Next.

  8. On the "Entry Fields" wizard page, click on the Add button to add the following fields to the web view:

  9. Inventory.Item_ID
  10. Inventory.Description
  11. Vendor.ID
  12. Vendor.Name
  13. Inventory.Vendor_Part_ID
  14. Inventory.Unit_Price
  15. Inventory.On_Hand

Then click Next.

  1. On the "Labels, Alignment and Preview" wizard page, add a checkmark to the SameLn checkboxes next to Inventory.Description, Vendor.Name, and On Hand.

  2. Click Next. Click Finish on the last wizard page.

You will now see the source code of the new web view in the Studio.

Testing Your Web View

Now, let's test your completed Web View.

  1. Click on the Run button on the Studio's toolbar. The Studio will compile, then run your project.

  2. When the application runs, your browser should display the http://localhost/QuickStart/Index.html page.

  3. Click on the Views menu and then Inventory Maintenance to open your new view.

Next Step

Creating Web Report Components