Skip to main content

Component Visibility based on Collection Item Value on Data Group Data Table

In this video tutorial you will understand how to set components visibility based on collection item value.

1. Collection Item Value Based on Data Group Visibility

To enbale this option open the Eye icon of the Data Group. Here choose the Collection From, Collection Field, Condition, Value and Component's Visibility and Save.

DrapCode Builder Cards

2. View the Changes

Reload the page to view your changes.

DrapCode Builder Cards

3. Drop a Data Group

Go to Components and drop a Data Group. Open its Settings and choose from where it needs to fetch data, from which collection, which field and which filter and Save.

DrapCode Builder Cards

4. Configure the Visibility of the Data Group

To enbale this option open the Eye icon of the Data Group. Here choose the Collection From, Collection Field, Condition, Value and Component's Visibility and Save.

DrapCode Builder Cards

5. View the Changes

Reload the page to view your changes.

DrapCode Builder Cards