Data Binding with Nested Structure in Data Elements

1. Log in to the Kuika platform and open the project you will work on from the Apps screen.
2. In the UI Design module, drag and drop the Table element from the Elements panel on the left side to the screen.

3. Then, drag and drop another Table element inside the Table element. You can also use Gallery View or Flex Grid elements.

Thus, you will create a nested table with nested elements.

1. Login to the Data Sources module.
2. Click on the + icon in the Sources tab on the left side.

3. Connect the data source with REST API or C#.
4. After selecting the data source, click the CREATE button.

Only REST API and C# data sources can be connected to nested data elements. Other data sources such as MSSQL DB, Swagger, Bluetooth, AI Actions are not supported.

1. While in theUI Design module, open the Properties panel on the right side.

2. Click on the main Table element and select the data connection from the Data Sources drop-down menu. (For example; customer list)
3. Click on the second Table element you added inside the main Table element.
4. Select a data connection from the Data Sources drop-down menu in theProperties panel. This data source should be another list inside the main Table element. (For example, select the list of addresses in the customer list).
5. You can preview your application by clicking the Preview button in the upper right corner.

By following these steps, you can nested data elements using the Nested feature in Kuika and enable dynamic data management in your applications.