# 1.4 The Designer Windows

You access the Designer Windows using the designer button on the Editor Window toolbar. The Designer can only be started if there is an open Form or Dialog.

The Designer will display the frame on the screen. The Designer displays the frame as it would appear at runtime. This frame is referred to as the 'Designer'. The Designer also creates a new page in the Editor. This is referred to as the Data View.

The 'Designer' is used to design the layout of the Frame or Dialog. You can place components in the pane, resize them, move them or deleted them. You can also place components within other components.

To create a component, you select the appropriate component from the Palette. Components are grouped for easier access, e.g. the basic controls are together. Once you have selected a control, the status bar in the Palette shows the selected control.

To place the component move the cursor onto the Designer. Click the mouse once in the position where the component is required. Once the component is on the form, it can be moved and resized. You move it by placing the mouse within the component and dragging it. You resize it by marking on of the eight markers around the edge, and dragging the marker.

Changes made through the Designer are saved into the applications source code. Changes are saved when you press the Post button . There are two Post buttons, one on the Editor's toolbar and one on the Inspector. Pressing either will close the Designer and the Data View and generate the source code for the changes. Changes can also be posted by closing the Frame.
To Cancel all changes made since opening the Designer, click the Cancel button on the Editor or Inspector.