Creating a Wizard › Modifying the Wizard Parent Panel

Modifying the Wizard Parent Panel

When you inherit from the pattern UISTYLE/FrameWizard, the panel scoped by it has a child site in which the child panels of the wizard are displayed.

You determine the size that the child site in a wizard needs to be by opening each of the panels that are displayed in the site, and noting their size. You record the largest height and width of the child panels, and set the child site to those dimensions.

The child site defined on the panel is too small to hold the panel scoped by Task.Edit, which measures 454 by 311 pixels (you find a panel’s size by opening the panel and looking in the Property Sheet). Also, the child site extends to the bottom of the panel, which means that the child panels overlap the buttons unless you move the button region.

To change the wizard parent panel:

1. Using the Object Browser, open Project Wizard.Panel (double-click Panel):

   

2. In the Panel Palette, select Panel (the top-level element):

   

3. In the Property Sheet, change the Size property to 475,400 to make the whole panel bigger.
4. In the Panel Palette, expand Panel and select the ChildSiteP region.

   This is the child site region, where the child panels appear.

5. In the Property Sheet, change the Size property to 454,311.
6. In the Panel Palette, select the FrameParentP region.

   This region is the beveled box that holds the Back, Next, and Cancel buttons.

7. In the Design Window, drag the box below the child site. To drag the entire region, first position the mouse pointer over the small yellow box that appears in the top-left corner of the region when it is selected.

   The panel should look something like this:

   

8. Save your model and close the Panel Designer.