9.2 Resizing an application page

Prior to adding any control objects to the "Booster Pump Control" page, we must first resize it. By default, VTS will automatically size the page to be just large enough to accommodate the objects that have been drawn on it.  There are two methods to force a page to have a given size, larger than buttons or other controls drawn on it:

•      You could add a border or rectangle, sized to the dimensions you want the page to have.

•      You could set the window dimensions in the page properties.

 

In this exercise, you will use the page properties to set the dimensions of the page.  The Booster Pump Control page should still be open from the last exercise.

 

1.  Right-click on the background of the Booster Pump Control page.

A context menu will appear.  When the application is in design mode, you can right-click on any page or object to obtain a context menu for its design properties.

2.  Click on the Properties option.

3.  Click on the Advanced tab.

4.  Set the window Width and Height to 400 and 300, respectively.

5.  Click on OK to close the Properties dialog.

The window will not re-size to the size you set automatically. The number are used only as the initial window size to use when the page opens.

6.  Close the page by clicking on the X in the upper right corner.

7.  Open the page as before (Use Edit from the Configure menu).

The page should open to a width of 400 pixels and a height of 300 pixels.