Toolbox

The controls that are available to you in the AppBuilder Toolbox palette are dependent upon which Designer you are using. The Form Designer and the SuperList Designer allow you to add additional controls to your form. The Form Designer features the full library of controls in the Toolbox palette, and the SuperList Designer includes a subset of those controls. You can configure each of the AppBuilder controls in the Properties panel as described in Configuring Controls in the Project.

Form Designer Only Controls

These controls are available in the Form Designer palette:

• Bar – a simple control for aesthetic use.
• Button – a simple push button used for initiating actions or events.
• BusyIndicator – a display control that can be used to disable single controls. It prevents the user from interacting with the control
• Chart – a graphic control associated with data from a data source. See Creating a New Chart for more information about working with Charts using the Chart Designer.
• CheckBox – a decision control. When checked, the associated value is set. If unchecked, the associated value is not set.
• DateTimeInput – an input control that allows the user to select a specific date and time.
• FlexBox – a container control used to provide a flexible layout that optimizes use of available space.
• HBox – a fixed container control used to provide a simple way to place several controls next to each other horizontally, without wrapping.
• HTML – a library control that can be used in another control such as the tab or panel control. This control displays the HTML that you define in the content property.
• Image – a wrapper around the HTML tag for graphics. When using this control, you must set the src path to where the image file is stored.
• Input – a control that can be used to prompt the user for information. You can configure the type property to indicate what information (for example, password, date and time, text, etc.) to associate the input with.
• Label – a simple control that provides some short explanative text, usually next to a value holder such as a Text control.
• RadioButton – a decision control used to provide the user with a single choice.
• ScrollContainer – a container control with a horizontal only, vertical only, both, or no scrollbars. When you use this control, you must set the horizontal and vertical properties to indicate which scrollbars to display.
• SegmentedButton – a container control used to display a group of buttons. The buttons behave like toggle buttons, in that only one button can be selected at once. When you use this control, you must configure the properties for each button it includes.
• Select – a decision control that presents a menu of options. Configure the items property to set what those options are.
• Slider – a simple interactive control used to check various size settings. This control can be used in conjunction with the Chart control.
• SuperList – a graphical control that allows you to display data from a datasource in list form. See Creating a New SuperList for information about working with SuperLists using the SuperList Designer.
• Switch – a customizable toggle button control. When you use this control, you can set the type property, and customize the default On/Off text that is displayed on the button.
• Text – a simple control for single-row text entry. You can use this control with other container controls, and when used, you can configure the text property to set the text to display.
• TextArea – a simple control for multiple-row text entry. Like the text control, you can use this control with other container controls, and when used, you can configure the value property to set the text to display. This control uses scroll bars to accommodate text wrapping behavior.
• VBox – a fixed container control used to provide a simple way to place several controls next to each other vertically, without wrapping.

SuperList Designer Controls