The element names for the UI components have the same names as the classes in the com.alphablox.blox.uimodel.core package, with an uppercase first letter for each word in the names. Below is a list of the elements:
| Component | Description |
|---|---|
| Button | Push button component. |
| CheckBox | CheckBox component. |
| ComponentContainer | Generic container for UI model objects |
| ControlbarContainer | Container for Controlbars, the base class for control bars (menus and toolbars) that can be contained in a ControlbarContainer. |
| Dialog | Dialog component. Dialogs are floating containers that are used to collect input from and/or show status to users. Create a dialog and then populate the dialog with components such as Buttons, CheckBoxes and RadioButtons to present users with option lists or to make a decision. |
| DropDownList | Drop down list component. A DropDownList consists of a single displayed option with a mechanism to select from a list of other choices. Only one choice may be selected at a time. Use a DropDownList when space is limited and the constant display of possible choices is not required. |
| DropDownToolbarButton | Drop down toolbar button component. The DropDownToolbarButton has both a drop down list of selections as well as an action button to invoke the currently displayed drop down list. The control generates a ClickEvent when the selection is changed or the action button is clicked. |
| Edit | Edit field (text field) component. An Edit component allows the user to enter and modify one or more lines of text. Text can be copied, moved, and inserted into the Edit field using the standard user UI mechanisms. |
| GroupBox | GroupBox component for providing a titled container
for dialogs and other models. The GroupBox component is primarily used to
group components in dialog boxes. For example, if there are a number of components
dedicated to setting options for a chart, then these should be grouped together
in a GroupBox with the title "Chart Options.” RadioButton components will behave differently inside of a GroupBox if they are not named. All unnamed RadioButtons in a named group will become automatically grouped. Pressing one radio button will unselect others in the group. |
| Image | Image component for displaying GIF, JPEG, or other compatible Image. Unlike StaticImage, an Image component will generate a ClickEvent when clicked. |
| ListBox | ListBox component. |
| Menu | Menu component consisting of MenuItems and other Menus. Menus inside of Menus will be treated as submenus with the appropriate submenu behavior. MenuItems will display as selections and will generate a ClickEvent when selected. By default, a MenuItem's name is used to construct a handler method in controllers. For example, a MenuItem with the name "drillDown" will map to a method called "actionDrillDown" in controllers. All new menus are assigned a vertical layout by default. |
| Menubar | Menubar component used in conjunction with ControlbarContainer to display top level menus. |
| MenuItem | MenuItem component. This is a selectable item in Menu. |
| RadioButton | RadioButton component. |
| Spacer | Spacer component for adding fixed height and width spacing among components |
| SpinnerButton | Spinner component that accepts integer input from the user and provides buttons to increase/decrease the value. You can set the initial value, increment, and low and high values. |
| SplitterContainer | SplitterContainer component for displaying two components with a splitter bar between them that the user can adjust. Use either the HorizontalLayout or the VerticalLayout to control the orientation of the splitter. |
| Static | Static component for displaying simple static text such as instructions, labels, and values where interaction is not needed. |
| StaticImage | Component to render a static Image which does not respond to user input. |
| TabbedContainer | Container window with tabs for all child containers.
This container is used to display a list of tabs corresponding to all child
containers. A typical use is to implement a tabbed dialog box. This container
can only contain other component containers. The style attached to this container
is applied to the tabs. The title of the child container is used for that container's tab label. The selection state of the child containers is used to determine the selected tab. If no child containers are selected, then the first container is automatically selected. If multiple child containers are marked as selected, then the first one encountered is considered selected. The order in which the child containers are added to the tabbed container determines the tab order. For top and bottom (horizontal) layout, the first container is on the right. For left and right (vertical) layout, the first container is on the top. |
| Toolbar | Toolbar component used in conjunction with ControlbarContainer to display toolbars. |
| ToolbarButton | ToolbarButton component; can be used anywhere in the component model but are primary designed to work in ControlbarContainers. The name of the component is used to construct the Image name by appending a ".gif" extension. |
Beside the elements listed above, there are Item and ClientLink, which are described next.