App Designer resource components

Besides the OpenUI5 components, Neptune DXP also provides you with a number of other resources to accelerate development.

Aggregation: Creates a generic child aggregation object for a parent OpenUI5 component object. You can select the specific child aggregation object as supported by the parent OpenUI5 component object from the aggregation. The generic child aggregation object is renamed as the specific child aggregation object upon selection. Binding of the path to the relevant data model for the aggregation occurs directly.

Example: For the parent OpenUI5 component object sap.f.Card, you select the child aggregation object Aggregation from the component library or within the application tree and select the aggregation type dragDropConfig within the application tree or the properties pane.

You cannot rename or move an aggregation within the application tree after selection.

If you select the icon  in the UI object pane of the selected child aggregation object, you open the Aggregation section of supported aggregations for the corresponding parent OpenUI component within the UI5 Demo Kit Documentation.
Connector: Enables you to make data sources available in the App Designer through a Connector. Read more at Utilising a Connector in the App Designer
EventListener: Available only if you have configured a connection to a Redis server in System Settings > Database. Connects to an event that you have defined in the Events tool. This can pass data from the event itself to the application.
EventSocket: Triggers scripts when the application is initialized or shut down.
EventTrigger: Available only if you have configured a connection to a Redis server in System Settings > Database. Triggers a selected event from the application.
Folder: Folders to organize and store your files and components.
HTML: HTML file for custom HTML code.
JavaScript: JavaScript script to define your logic. You can also switch the existing script to TypeScript by right-clicking the script and selecting Convert to TypeScript.
TypeScript: TypeScript script to define your logic. You can also switch the existing script to JavaScript by right-clicking the script and selecting Convert to JavaScript.
ModelArray: A data model which can be defined as a Generic Array in the Model Source or set to an API response definition.
ModelObject: A data model which can be defined as a Generic Object in the Model Source or set to an API response definition.
MultiModel: A data model which can be defined as a Generic Array in the Model Source or set to an API response definition.

Read more about the Data Models at Data models in the App Designer
ODataSource and ODataV4Source: Integrate OData sources in your application.
RestAPI: Integrate data from APIs defined in the API Designer.
Rule: Test values in the App Designer using a rule from the Rules Engine. Read more at Use a rule in a low-code application.
CSS: Add custom CSS with a CSS file.
JSON: Store JSON in a JSON file.
Markdown: Add custom Markdown with a Markdown file. You can add Markdown files anywhere in the structure of your application. For example, you can use a Markdown file to contain relevant documentation to a component part of your application. Only Markdown files that you add under the Files element in the application tree will be available to access via URL.
Text: Text for all uses. This can act like a README file.
XML: Add XML in a XML file.
YAML: Add custom YAML with a YAML file.