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.