Exercise - Creating a Simple Screen

1. First we will add Northwind to Git.
2. Click on the bottom right coroner of Visual Studio option Add to Source Control.

3. Click and select the option to add to Git.

4. After a bit of time the status bar will update and Team Explorer panel will open

5. Now your code is in local Git.
6. Change back to the Solution Explorer panel.

6. Right click on the Northwind project, select Add then select New Folder, name the new folder “Exercises”.
7. Right click “Exercises” and select Add then select New Item, an Add new Item screen will open.
8. Select from the list to the left Templates, and from the list in the center of the screen select UIController
9. In the Name box at the bottom of the screen type in the name ShowProducts.
10. Define the Products table at the beginning of the controller class.(drag and drop it, holding the Shift key just before the drop).
11. In the constructor use the From to set the Products to be the class main table.
12. Build the Northwind Project. (in the Build pulldown menu, select Build Northwind).
13. Go to the OnLoad method find the call to the view use the F12 key to navigate to the Form Designer:
14. Setup the Toolbox if you did not do that early, by right clicking on the form, select "Setup Toolbox".
15. Add a grid with the following columns:
    1. ProductID
    2. ProductName
    3. CategoryID
    4. UnitPrice
    5. UnitsInStock
    6. UnitsOnOrder
16. Expand the form width to show the entire grid.
17. Add a new menu entry to call this screen.
18. Save the changes to Git by clicking on the pencil icon in the status bar.

1. Build and test.

• Creating Simple Screen Result

---

Help us improve, Edit this page on GitHub
or email us at info@fireflymigration.com