6 Lay Out a UI Using GUIDE
NoteTo manage exclusive selection of radio buttons and toggle buttons, put them in a
button group. See “Button Group” on page 6-48 for more information.
Panels and Button Groups
Panels and button groups are containers that arrange UI components into groups. If you
move the panel or button group, its children move with it and maintain their positions
relative to the panel or button group.
To define panels and button groups, you must set certain properties. To do this:
1 Use the Property Inspector to modify the appropriate properties. Open the Property
Inspector by selecting View > Property Inspector or by clicking the Property
Inspector button.
2 In the layout area, select the component you are defining.
NoteSee “GUIDE Components” on page 6-13 for descriptions of these components.
See “Callbacks for Specific Components” on page 8-11 for basic examples of
programming these components.
Subsequent topics describe commonly used properties of panels and button groups and
offer a simple example for each component.
- “Commonly Used Properties” on page 6- 44
- “Panel” on page 6- 45
- “Button Group” on page 6- 48
Commonly Used Properties
The most commonly used properties needed to describe a panel or button group are
shown in the following table:
Property Values Description
Position 4-element vector: [distance
from left, distance from
bottom, width, height].
Size of the component and
its location relative to its
parent.