Editor

This page describes how you can edit a dialog and the tools that are used.

Dialog Management

Resizing the dialog

Drag the dialog's margins while it is selected.

Controls Management

Adding controls to the dialog

New ControlUse the [ New Control ] toolbar button while a dialog is focused. A drop down list of all the available controls will be displayed. Select one and click on the dialog surface where you want to place it.

You can also add controls with the use of the toolbox.

ToolboxUse the [ Toolbox ] toolbar button or the “Toolbox” context menu item to display it.

For a list of all the controls that can be used please see the Installer Controls page.

Removing controls

RemoveUse the [ Delete ] toolbar button or press the Delete key while one or a group of controls is selected.

NoteIf the dialog is selected using the [ Delete ] button will remove it.

Aligning controls

AlignUse the [ Align ] toolbar button or the “Align” context menu item while a group of controls is selected. You have the following options:

  • Lefts
  • Rights
  • Tops
  • Bottoms
  • Middles
  • Centers

Centering controls

CenterUse the [ Center ] toolbar button or the “Center in dialog” context menu item while a group of controls is selected. You have the following options:

  • Vertical
  • Horizontal

Spacing Controls

SpaceUse the [ Space Evenly ] toolbar button or the “Space Evenly” context menu item while a group of controls is selected. You have the following options:

  • Across
  • Down

Making same size controls

WidthUse the [ Same Size ] toolbar button or the “Make Same Size” context menu item while a group of controls is selected. You have the following options:

  • Width
  • Height
  • Both

Display Grid and Dialog Margins

Use the [ Settings ] toolbar button. The Editor Settings dialog will be displayed allowing you to customize the grid and dialog margins.

Layout Behavior

You can specify the Editor's behavior when changing some attributes of dialogs or controls that have counterparts on other dialogs. Use the [ Settings ] toolbar button. The Editor Settings dialog will be displayed allowing you to choose the desired behavior.

Bring To Front

Bring To FrontUse the [ Bring To Front ] button, the “Order > Bring To Front” context menu item or press the Ctrl + Shift + F keys while one or multiple controls are selected in order to bring them on top of the Z-order (tab-order).

Send To Back

Send To BackUse the [ Send To Back ] button, the “Order > Send To Back” context menu item or press the Ctrl + Shift + B keys while one or multiple controls are selected in order to send them to the bottom of the Z-order (tab-order).

Tab Order Dialog

TabUse the [ Tab Order ] toolbar button, the “Control Tab Order” context menu item or press the Ctrl + T keys while the focus is on the dialog. The Control Tab Order Dialog will be displayed enabling you to specify a tab order.

Edit Tab Order

TabUse the “Tab Order > Edit in Place” toolbar drop-down menu option. In this way you can edit the control tab order "in place". Overlay labels will appear over each control of your dialog, representing the tab order index. By clicking on a control you can alter its tab order index as follows: if the Ctrl key is pressed, the control's index is increased, else if the Shift key is pressed the control's index is decreased. You can click repeatedly on a control until it reaches the desired tab index. If no key is pressed while clicking the controls the Editor automatically counts the altered controls and assigns sequential tab indexes. You can exit the tab order edit mode by pressing the [ Tab Order ] toolbar button.

NoteChild controls such as: Radio Buttons or BBControls are not involved in the tab order cycle; they rather fallow their parent controls (Radio Button Groups or Billboard Host controls, respectively).

Control replication

Select the controls and use the “Copy” / “Cut” and “Paste” context menu options or the Ctrl + C / Ctrl + X and Ctrl + V accelerator keys. All the control's dependencies are also replicated.

NoteThe option can be also used between different application instances.

Control Selection

Click on the control you want to select or choose it in the controls list from the Properties pane.

The selected control will be made visible even if other controls overlay it.

NoteThese settings are custom for every dialog and control.

Two controls from different dialogs are counterparts if the following requirements are met:

  • Same type
  • Same name
  • Same size
  • Same location on the dialog

ImportantThe actions that will trigger an uniform behavior are: Resize and Move.

Multiple Selection

Select the controls while holding the Ctrl or Shift key down or use mouse lasso.

NoteIn a multiple selection there is a main control. It's properties are used as reference in actions that involve a group of controls.

If you use the Ctrl key the last selected control is the main control while if you use the Shift key the first selected control is the main control.

Moving Controls

Drag and drop the selected control or use the Up, Down, Left, Right keys.

Resizing controls

Drag the selected control's margins or use the Shift + Up, Down, Left, Right keys.

Specifying Control Data

Use the “Control Data” context menu item or press the Ctrl + D keys while the focus in on the control. The Control Data Dialog will be displayed allowing to add control data.

NoteThis option is only available for Combo Box, List Box and List View controls.

Topics