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
Use the
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.
Use the
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
Use the Delete key while one or a group of controls is selected.
toolbar button or press theIf the dialog is selected using the
button will remove it.Aligning controls
Use the
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
Use the
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
Use the
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
Use the
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 Editor Settings dialog will be displayed allowing you to customize the grid and dialog margins.
toolbar button. TheLayout Behavior
You can specify the Editor's behavior when changing some attributes of dialogs or controls that have counterparts on other dialogs. Use the Editor Settings dialog will be displayed allowing you to choose the desired behavior.
toolbar button. TheBring To Front
Use 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).
button, the “Order > Bring To Front” context menu item or press theSend To Back
Use the Ctrl + Shift + B keys while one or multiple controls are selected to send them to the bottom of the Z-order (tab-order).
button, the “Order > Send To Back” context menu item or press theTab Order Dialog
Use 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.
toolbar button, the “Control Tab Order” context menu item or press theEdit Tab Order
Use 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 repeatedly click 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 toolbar button.
Child 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.
The option can also be 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.
These 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
The actions that will trigger a uniform behavior are: Resize and Move.
Multiple Selection
Select the controls while holding the Ctrl or Shift key down or use mouse lasso.
In a multiple selection there is a main control. Its 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.
This option is only available for Combo Box, List Box and List View controls.
Topics
- Installer Controls
A list of installer controls - Guide Settings
Customize the dialog grid and margins. - Uniform Layout Settings
Layout behavior when changing dialog on control attributes - Control Tab Order Dialog
Specify the tab order for the controls. - Control Data Dialog
Specify control data. - "Child Dialogs" Dialog
Specify child dialogs. - Billboards Dialog
Create or edit a billboard.