You are here: Reference for User Interface Elements > Processing Workspace Interface and Dialog Boxes > Control Systems > Navigation Panel Properties

User Interface Reference

Navigation Panel Page Element Dialog Box

How to Access

This is a sub-dialog box of the Control Page Designer dialog. To access the Control Page Designer, see Control Page Designer Dialog Box

Open the common Page/Page Element properties dialog for a Navigation Panel that you wish to view in one of the following two ways:

  1. Double-click on the navigation panel in the page layout workspace.
  2. Select the navigation panel by clicking on it, then click on the Properties menu button in the Control Page Designer toolbar:
  3. Presets on Processing Workspace Toolbar


Provides the ability to view and modify properties for the currently selected Navigation Panel page element in the page layout workspace.

User Interface Elements

All Presets Dialog Box

The Navigation Panel appears as follows on the control page:

note: The Navigation Panel is blank in the Control Page Designer. This is because the HAL system dynamically fills in the items according to the current control system user and the set of pages mapped to the device.

Color Properties

All of the color properties below use a common set of controls similar to the following:

When the Use Theme is configured, which is the default, Halogen uses the current page theme color.

When Custom is configured, Halogen uses the color shown in the color chooser. To select a new custom color, click on the color chooser drop-down arrow and scroll the list to find the color that you desire to use, then click on it.

The number beside the color in the color chooser is a unique reference number for that color to help you set the custom color to a specific color, perhaps matching a custom color that you've selected for a page element.

The color reset button resets the custom color to the current theme color and changes the selection to Use Theme.

Layout Properties

All of the layout properties below use a common set of controls similar to the following:

As you change the page element's position or size, the layout properties change to reflect the current settings.

You can also change position or size by entering new values directly into the Layout property text boxes.

note: Some page elements do not support resizing in both dimensions. In this case, the layout properties area shows all of the settings (X, Y, W, and H), but disables those you cannot change. For example, the HAL system sets a Selector control's height according to the number of selections in the active link. Because of this, the control page designer disables the H text box for the control.

The reset button resets Height and Width to the defaults for the page element's selected Size.

UI Element Purpose
Layout The top left (X,Y) position and height and width of the Navigation Panel.


A drop down menu which selects the overall size of the Navigation Panel as it appears on the control page.

Background color

This is the color setting for the Navigation Panel Background.

Text color This is the color setting for the button text.
Active Color

This is the color setting for the button arrow that indicates the active control page in the set of control pages visible in the Navigation Panel.

note: In when operating in a HAL system, the button that corresponds to the currently displaying control page shows the active color to indicate the current page to the user.


All elements on a control page can overlap each other and are layered according to the order that you added them to the page. If you'd like to adjust the order so that this element appears either behind or in front of the other elements it overlaps, use these controls.

To move the element to the top of the order, so that it is in front of all other elements on the page, click the icon.

To move the element to the bottom of the order, so that it is behind all other elements on the page, click the icon.