Skip to main content

Display Images in Data Table and Data Group

In this video you will learn how to can display dynamic images from the Collections In Data Table & Data Group.

1. Drop an Image

Go to Basic Components category again and drop an image in the section. Then save your settings.

DrapCode Builder Collection Constructor

2. Preview the Images in Data Table

Click the Preview option and reload the page. Here you can view the records with their dynamic images beside them.

DrapCode Builder Collection Constructor

3. Drop a Data Group

Go to Components category and drop a Data Table. Then bind the newly created collection with the Data Table by choosing them from the dropdown in the form. Then save your settings.

DrapCode Builder Collection Constructor

4. Bind the Data

Now bind the newly created collection with the Data Group by choosing them from the dropdown in the form. Then save your settings. Similarly you can bind other details of the record one-by-one.

DrapCode Builder Collection Constructor

5. Preview the Image in Data Group

Click the Preview option and reload the page. Here you can view the records with their dynamic images and other details beside them.

DrapCode Builder Collection Constructor