Use connectors in the App Designer

In this topic, you learn how to use a connector in the App Designer.

Using the Connectors in the App Designer, offers users a range of choices for seamlessly integrating data sources into their applications.

Prerequisites

In the App Designer, create a new application using the Full Screen Template.

Result: You have created an application.
Drag a Table component in the Page of the application.
Drag the connector component and a JavaScript file in the application’s Resources.
In your Javascript file, right-click, open the Code Snippets, and under Custom, you will find the Neptune Connectors code snippets.
Copy your Connector’s ID from the Connector tool.
Copy-paste the Constructor code snippet and replace the connector’s ID with your connector ID.
Create an async function, paste the LIST code snippet, and set the data to your table (set the table’s Model Source to Generic Array).
Paste the Pagination and Auto Column Sorting code snippet, and call the function.
Right-click on your table, open the Wizard and define your fields.
Save, Activate and Run the application: