Last week, you began to create a Silverlight SketchFlow prototype. Recall you created a simple component screen which was used by the main Start Up screen of the application. Let's keep building on this example with some additional content screens.

Using the Map panel, create two new screens by right-clicking any blank area and selecting the Create a Screen menu option:

Rename these screens to ViewCart and Checkout when you are finished.

For the ViewCart screen, add some descriptive text, a placeholder graphic (I just used a large gray square) for the shopping cart, and a Button control.

The Checkout screen, is equally simple:

Now that the ViewCart and Checkout screens are stubbed out, we can add the navigation GUI to each layout manager. To do so, we can use the Map panel once again. When you wish to connect a Component screen to a new node, use your mouse to drag the entire Component screen node on top of the screen that will make use of it. Once you are done, you should find that your prototype map looks similar to the following:

Of course, now that each screen contains the navigation system, you will certainly want to tweak the size and layout of your existing components on the Checkout and ViewCart screens.

OK, next week I'll talk about some build in SketchFlow behaviors which allow you to establish which content page to transition to when a given item on the Component screen is selected. See you then!