Skip to main content

Child Data Group File Component - Advanced Component

In this video tutorial you will learn how to add child data group file component to create your dynamic web app.

1. Add an Image(s)

To add an image to your data go to Configuration and choose File/Image. Then give it a name, number of image(s) you prefer and in what format such as .png,.jpg etc. and click theUpdate button.

DrapCode Builder Collection Constructor

2. Add a Data Group

Go to Components and add a Data Group. Open its Settings and choose the collection and then Save your settings.

DrapCode Builder Collection Constructor

3. Drop an Image(s)

Go to Components and choose Child Data Group (File) component.

DrapCode Builder Collection Constructor

3.1 Configure the Settings

Open the child data group (file) component's settings and choose the Image/File Field (choose image) and Save.

DrapCode Builder Collection Constructor

4. Preview the Changes

Click Preview and it will display the image(s) you have set.

DrapCode Builder Collection Constructor

5. Drop a Document

Go to Components and choose Child Data Group (File) component. Open the child data group (file) component's settings and choose the Image/File Field (choose document) and Save.

DrapCode Builder Collection Constructor

6. Preview the Changes

Click Preview and it will display the file/document for you on the page.

DrapCode Builder Collection Constructor