Basic components

Basic components are the components that are included in App Builder. These comprise the fundamental "building blocks" that you use to create any App Builder project.

This table lists and describes the basic components that come packaged with App Builder. Each component is designated as either "Small" or "Large".

See About components.


Component	Description/Comments
Button [Small]	Button components typically initiate an process such as running a procedure or launching/closing a form. But they can also serve a variety of other functions, such as displaying data or text from a different component. These are best used for performing discrete operations on a given set of data, or triggering a separate workflow.
Chart [Large]	Chart components display data from a source, using a visual format. You can select from a variety of chart types, set different color schemes, and determine if and where a legend displays.
Checkbox [Small]	Checkbox components are typically used to select (or deselect) various options. They can also be used to provide multiple options for a user to select. These are best used when all possible options should be clearly visible to a user.
Datagrid [Large]	Datagrid components are used to display and manipulate data, often from a database or other data service, using a tabular format. These are best used for comparison across many objects and attributes. These components are comparable to Grid and Vertical Grid components in Mongoose.
Datepicker [Small]	Datepicker components allow you to select and display dates. These components can also derive their values from a data service. You can select the format to be used for the date display from a variety of format options. This component is similar to the DateCombo component in Mongoose.
Dropdown [Small]	Dropdown components are used primarily to present a list of options for the user to select from. It displays one or more selectable values in a menu that is collapsed by default. A user can select an actionable value from the expanded list. These are best used when users do not require a view of all possible values at all times. This component is similar to the DropList component in Mongoose.
Hyperlink [Small]	At this time, the Hyperlink component can be used only as a type of button, responsive to an On Click Event interaction.
Image [Large]	The Image component is used to display a graphics image. Graphics image files can be obtained from a static URL address, IDM (Infor Document Management), or an IDM data service.
Label [Small]	Label components can be used to display static text, data from a source, or other text that you do not want to be editable. This component is similar to the Static component in Mongoose, except that you cannot use it to display graphics images, only text.
List [Large]	The List component displays a list of items that can be obtained from or derived from a data service or a manually created list. It displays a set of related data objects and their attributes. These are best used for limited attribute data that might or might not include clear differentiators like status. This list can be read-only, or you can allow users to select single items from the list, by including an interaction on the list that monitors mouse clicks and responds. This component is similar to the List component in Mongoose.
Lookup [Small]	The Lookup component allows the user to open a dialog box that contains a list from which the user can make selections.
RadioButton [Small]	The RadioButton component typically presents the user with a set of options from which only one can be selected. You can add, delete, rename, and change the order of options. This component is comparable to the RadioButton component in Mongoose.
Tabs [Large]	The Tabs panel component allows you to create a multi-tabbed notebook that you can use to display multiple sets of components and data within a single component. In effect, it is a container for other components, both large and small. You can add, delete, rename, and change order of tabs in the component. This component is comparable to the Notebook component in Mongoose.
TextBox [Small]	The TextBox component is used to display text on a single line. This text can be read-only, or you can use it as an alphanumeric text-input field. You can add "placeholder" text to prompt users on what is expected. These are best used for open-ended inputs that complete a key-value pair. This component is comparable to the Edit component in Mongoose.
TextArea [Small]	The TextArea component is used to display text in a multi-line format. Text that runs beyond the edge wraps. You can make this component resizable and/or read-only. Like the TextBox component, you can also use it as a text-input field. You can add "placeholder" text to prompt users on what is expected. Finally, you can set a maximum number of characters that can be used within the text area. These are best used for open-ended inputs might require more than a single to display effectively. This component is comparable to the MultiLineEdit component in Mongoose.