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