popup
Creates a button that, when clicked, displays a balloon dialog containing the component. Popup groups may be defined. Only one popup from each group is displayed at a time, however popups from different groups may be displayed simultaneously.
Note: It is an error to put more than 1 component tag under a popup tag.
Syntax
<popup container attributes>
<component child component attributes> </component>
</popup>
Container Attributes
In addition to General Attributes, the following attributes may be specified to the <popup> tag:
Attribute |
Values |
Restrictions |
Description |
name |
String |
|
The name to display on the button to trigger the popup. |
group |
String
|
|
The group attribute is used to define different groups that can be open at the same time. If this attribute is not defined, the popup is not a part of any group. |
Child Component Attributes
In addition to General Attributes, the following attributes must be specified to child components:
Attribute |
Values |
Restrictions |
Description |
width |
Integer |
Required |
Width of the container inside the popup |
height |
Integer |
Required |
Height of the container inside the popup |
Example
The following example creates a popup triggered by a button labelled “Selector”. The popup contains an abs container with 4 buttons placed in a 2x2 grid.
<popup name="Selector">
<abs height="100" width="100">
<button left="0" top="0" width="50" height="50" name="1"/>
<button left="50" top="0" width="50" height="50" name="2"/>
<button left="0" top="50" width="50" height="50" name="3"/>
<button left="50" top="50" width="50" height="50" name="4"/>
</abs>
</popup>
Figure 69 – Popup