Page Layout Helper Controls

This feature lets you display a visible outline on the workspace for various target devices to help you with control page layout.

To display the outline for a target device, click on the drop-down arrow and make a selection. Included are the DR6 and several common mobile devices:

After you select a target device, the workspace displays an outline that shows the screen size for the selected device. For example, the with Apple iPhone 6 selected, the workspace looks like this:

When you select DR6 : Rane in the Outline drop-down menu, the Control Page Designer also displays a shaded area for DR6 specific screen regions, such as the auto-navigation tab region or button. For example, when the DR6 is configured to use auto-navigation tabs, the workspace looks like this:

Outline Orientation

For devices other than the DR6 (which is always landscape), the button (Outline Orientation) allows you to select the orientation of the outline displayed on the workspace, either Portrait or Landscape:

If you select Landscape for the iPhone 6, for example, the workspace looks like this:

Configuring Device Target Outlines

The Control Page Designer provides outlines for many common mobile devices. The Outline drop-down menu includes only a subset of the devices that Halogen includes. You can change the devices that appear in the drop-down menu and define your own custom target outline using the Target Outline Configuration dialog. To open this dialog, click on the gear icon within the Page Layout Helper area:

For details on configuring target outlines, see Target Outline Configuration Dialog Box.