Page Layout Workspace

To move a single workspace element to a new position in workspace:

• Hover over the element and observe that a four direction move icon appears:
• Left-mouse down and drag the element to the desired position.
• The Workspace uses an eight pixel grid and normally positions element edges on these grid boundaries. If you would like to move an element off-grid, press the Alt key when dragging with your mouse.

note: The Layout Workspace uses an eight pixel grid and normally positions element edges on grid boundaries. If you would like to move an element off-grid, press the Alt key when dragging with your mouse, which allows positioning to any location on the workspace.

To move multiple workspace elements to new positions, maintaining relative spacing between elements:

• Select the elements in the workspace that you want to move. Do this in one of two ways:
  • Left-mouse down on a blank area of the workspace and drag to a new position on the workspace where the drag outline encloses the elements that you wish to move, then release the mouse:
  • Hold the Ctrl key and click on each of the elements that you wish to move.
• Left mouse down on one of the selected elements and move them as a group to the new position.

note: The Layout Workspace uses an eight pixel grid and normally positions element edges on grid boundaries. If you like to move an element off-grid, press the Alt key when dragging with your mouse, which allows positioning to any location on the workspace.

You can resize most of the page elements in both the horizontal and vertical directions. To resize a single page element do the following:

• Select the element by clicking on it.
• Resize handles appear within the selection border indicating that you can resize the element using that edge:
• Hover your mouse over a resize handle and a resize cursor appears.
• Left-mouse down on the resize handle, drag until the element is the size that you desire, then release the mouse.

note: You can set element X/Y/W/H via the element's property dialog too.

note: If a resize handle does not appear on an edge of a selected element, then you cannot resize the element in that direction.

note: The Layout Workspace uses an eight pixel grid and normally positions element edges on grid boundaries. If you like to resize an element off-grid, press the Alt key when dragging with your mouse, which allows resizing an edge to any location on the workspace.

To resize multiple elements at the same time do the following:

• Select all of the elements that you want to resize either by drawing a selection rectangle around all of the elements or by holding the Ctrl key and clicking on each of the items (as described above).
• Left mouse down on one of the resize handles and drag to the desired position:

note: All selected elements must be able to resize in the same direction for the resize handles to appear. For example, selecting a Selector control and its label does not allow the height resizing handles to appear because a Selector control's height is not resizable:

The control page has a set of properties that you can view and modify. These are shown in the common Page/Page Element property dialog when you have unselected all elements in the workspace.

To view the properties for the control page:

• Unselect all page elements by clicking on a blank area of the workspace.
• Click on the Properties menu button in the toolbar at the top of the Control Page Designer dialog.

For details about the available page properties, see Control Page Property Dialog Box.

note: If the common Page/Page Element property dialog is already visible, it will switch to displaying the page properties when you unselect all elements on the page or when you select more than one element.

note: The Layout Workspace uses an eight pixel grid and normally positions element edges on grid boundaries. If you like to resize an element off-grid, press the Alt key when dragging with your mouse, which allows resizing edges to any location on the workspace.

Every page element has a set of properties that you can view and modify. Halogen displays these in a common Page/Page Element property dialog which changes according to what you've selected on the control page.

To view an elements properties do one of the following:

• Double click on the element
• Select the element by clicking on it then click the Properties toolbar menu item at the top of the Control Page Designer dialog.

For more details about the properties for all of the various control page elements, see Page/Page Element Property Dialogs

note: As you select different elements in the page layout workspace, the common page/page element property dialog changes to display the properties for the currently selected element.

note: If you have more than one element selected on the page, the Page/Page Element Properties dialog displays the properties for the Page. That is, to view the properties for a Page Element, it must be the only element selected on the page.