Add a DataSource to a 2D scene to bind data

1. Go to a page or workflow with the 2D Scene Admin component added to it.

2. Let's enable the Data Source definition! Click on Show all Environment Options

Let's enable the Data Source definition! Click on Show all Environment Options

3. Click on Menu Options

Click on Menu Options

4. Check Show Data Source Menu

Check Show Data Source Menu

5. Click the back arrow to return to the main Scene Settings

Click the back arrow to return to the main Scene Settings

6. Scroll Down, Click on Edit Data Source for this Record

Scroll Down, Click on Edit Data Source for this Record

7. Click on Select an Option

Click on Select an Option

8. Click on Product

Click on Product

9. Click on option

Click on option

10. Click on option

Click on option

11. Click on option

Click on option

12. Click on option

Click on option

13. You can hold select and click lower in the list to select multiple fields within the list

You can hold select and click lower in the list to select multiple fields within the list

14. Click on the right arrow to select the fields for the query

Click on the right arrow to select the fields for the query

15. Let's add conditions

Let's add conditions

16. select the condition type, for this example we'll select AND meaning all must be true

OR condition would be only one condition would be true

select the condition type, for this example we'll select AND meaning all must be true

17. Click on Add Condition

Click on Add Condition

18. Let's Select a field for the condition, Click on Select an Option under Query Resource

Let's Select a field for the condition, Click on Select an Option under Query Resource

19. Select a field, To match by the record id passed into this component, Click on the ID field

Select a field, To match by the record id passed into this component, Click on the ID field

20. Select an operator, an operator provides logical elements for comparison, like equals greater than etc.

Select an operator, an operator provides logical elements for comparison, like equals greater than etc.

21. For this example, we'll select "Equals"

For this example, we'll select "Equals"

22. To dynamically pass the RecordId passed into this component, you can type {!RecordId}

To dynamically pass the RecordId passed into this component, you can type {!RecordId}

23. Let's see if it worked! Click on Preview Data Result

Let's see if it worked! Click on Preview Data Result

24. Click on Test Data Model to run the Query

Click on Test Data Model to run the Query

25. Results will be displayed on the right hand pane, you can adjust columns by dragging their edges.

Results will be displayed on the right hand pane, you can adjust columns by dragging their edges.

26. If you are happy with the DataSource, Click on Update

27. You have successfully added and updated the Data Source. This DataSource will be queried on the load within the component


Last updated