Skip to content

Creating the Inventory Item View

You will now create the Inventory Item view using the Data Entry View Wizard. After completing the wizard, you will make some minor modifications to the view in the Studio. This will familiarize you with some of the visual design features of the Studio.

  1. Click on the Create New button on the Studio’s toolbar. Click on the View / Report tab of the Create New... dialog. Double-click the Data Entry View Wizard icon.

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

  3. On the Names wizard page, enter InventoryView as the object name, InventoryView as the filename, and Inventory Item View as the description, then click Next.

  4. On the "Entry View Style" wizard page, select Create a Simple Form Entry View, then click Next.

  5. 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.

  6. On the "Entry Fields" wizard page, using the Add button, add Item_Id and Description from the Inventory table, followed by Id and Name from the Vendor table. Next, add Vendor_Part_Id, Unit_Price, and On_Hand from the Inventory table. Click Next.

  7. On the "Labels, Alignment and Preview" wizard page, you can click the Preview button to preview what your view is going to look like.

  8. Click Finish on the last wizard page.

You should now be back in the Studio, with the newly created Inventory Item View open in the visual designer.

You are now going to make a few manual adjustments to the view in the Studio. You are going to add 2 dbGroup controls and move some of the data entry objects (DEOs) that were created by the wizard into those groups. This will break up the view into more logical groups of controls.

  1. While holding down the Ctrl key on the keyboard, select the Vendor Id, Vendor Name, and Vendor Part Id controls.

  2. Press Ctrl+X to cut the controls.

  3. From the Data Containers group on the Class Palette, drag and drop a dbGroup control onto the view.

  4. With the dbGroup selected, press Ctrl+V to paste the controls into the dbGroup.

  5. Resize the view to be slightly larger to create some space on the bottom, then move the Unit Price and On Hand controls further down. Resize the dbGroup so that all 3 of the vendor controls fit properly into it.

  6. Now you should follow the same steps to move the Unit Price and On Hand controls into a dbGroup of their own. Move the On Hand control to the right, then use the context menu to align the tops of the 2 controls.

  7. Change the sizes of both dbGroups and the view to remove some of the excess space at the bottom.

  8. Change the label of the first dbGroup to Vendor and remove the label of the second dbGroup.

Your Inventory Item View is now complete and looks similar to this:

Next Step

Creating the Order Entry View