Skip to main content

Child Data List - Advanced Component

In this video you will learn how to display the data in tags format. For example, a product has several categories or a project has several labels that come from Static or Dynamic option.

In this case you can use the Child Data List component to display data in an organized and appealing format.

1. Add a Data Table

To begin you would have to create a Data Table to your project. To do this you can use the Components category and in the Data Table option.

In the form that appears choose the Settings icon and mention the collection name, collection field and collection filter from the dropdown to get details for the Data Table.

Use the Save icon to finish building the Data Table.

DrapCode Builder Collection Constructor

2. Enable Child Data List

To add child data list for static and dynamic options in tags layout for your Data Table go to Advanced in the left menu and choose the Child Data List option.

In the form that appears mention the fields such as the title or any other field for which you need the child data list.

Click the Save option and then Reload your Data Table.

DrapCode Builder Collection Constructor

3. Publish the Project

Once you are done linking the fields with the child data list you can now publish the changes. For this choose the Publish icon and the page will display the linked records.

DrapCode Builder Collection Constructor