Parts of the GUI Builder Window
The GUI Builder window is shown below. Each of the indicated parts are described in the following sections.
Symbol | Item |
---|---|
a | Toolbar |
b | Design Area |
c | Status Bar |
d | Events Grids |
e | Property Grid |
f | Forms Explorer |
Design Area
This is where your forms are displayed at design time.
Each opened form is displayed on its own tab. You can easily switch between forms by clicking on the associated tab or by double clicking the form in the Forms Explorer.
If a form is larger than the design area, then scroll bars will be displayed and you can scroll to access all areas of the form.
Toolbar
The toolbar contains buttons for creating forms and controls.
The GUI Builder toolbar is located at the top of the GUI Builder window just below the title bar and appears as follows:
Shown below are general descriptions for each of the GUI Builder toolbar buttons.
Icon | Name | Description |
---|---|---|
New form | Creates a new form. A dialog pops up and the user is asked to enter the name for the new form. | |
Delete Form | Deletes a form in the current project. This button is dimmed if there are no forms for the current project. | |
Pointer | Click this button to abort the addition of a new control. | |
New Button | Creates a new button control. | |
New Label | Creates a new label control used to display static text. | |
New TextBox | Creates a new textbox control that allows operators to input text. | |
New RadioButton | Creates a new radio button control. | |
New CheckBox | Creates a new checkbox control | |
New ListBox | Creates a new listbox control. | |
New ComboBox | Creates a new combobox control. | |
New Grid | Creates a new grid control. | |
New PictureBox | Creates a new picturebox. | |
New GroupBox | Creates a new groupbox control. | |
New ProgressBar | Creates a new progress bar control. | |
New TrackBar | Creates a new track bar control. | |
New StatusBar | Creates a new status bar control. | |
New Timer | Creates a new timer control. | |
New VideoBox | Creates a new videobox control. This control allows you to display video for Vision Guide operations. | |
New LED | Creates a new LED control. This control allows you to display I/O status. You can optionally allow the operator to double click on the control to change output status. The control can use built-in pictures with various colors, or you can use your own images for off and on status. |
Forms Explorer
The Forms Explorer is a tree that contains each form for the current project and its associated controls. When a new form or control is created, it is added to the tree.
Click on a form opens the form in its own tab in the design area. The properties and events for the form are displayed. Right click on a form to open a menu to set the start form, delete the form, or close it.
Clicking on a control in the tree activates its associated form and sets the current design focus on the control. The properties and events for the control are then displayed
Property Grid
The Property Grid is used to display and edit form and control properties.
When you select a form or control, the associated properties are displayed in the grid. There are two columns: Property and Value.
Property: The name of the property.
Value: The current value that you can edit.
Events Grids
The Events Grid is used to display and change the events for the associated form or control. Each event has a user function that is called when the event occurs.
Status Bar
In the status bar, you can zoom in and out a form, and select a layout mode.