21. Select the Connections tab.
22. Click under the scroll bar in the lower-left panel to scroll down so that AutoSelectFirstRow and DisplayField are both visible in the list
of properties.
23. Click DisplayField to expand the drop-down list. 24. Select name.
25. Select the AutoSelectFirstRow check box.
Enlarge Image
4. Task 4. Save and test the mashup.
1. Click the Save button.
2. Type VendingMachineMash in the Name field. 3. Type T in the Tags field.
4. Select Applications: ThingWorxTraining. 5. Click the Save button. 6. Click the View Mashup button. 7. Select VM-TR2.
Enlarge Image
5. Task 5. Add a temperature gauge for the selected vending machine.
1. Click Close
to close the VendingMachineMash mashup tab.
2. Click the Edit button.
3. Verify that the Data tab is selected in the upper-right panel and click the Add entity 4. Click the Select Entity drop-down list to expand it. 5. Select Thing Templates.
6. Type V in the Search ThingTemplates field. 7. Select VendingMachineTemplate. 8. Click the Dynamic check box.
9. Click under the left-most scroll bar to scroll down to the Properties category. 10. Select the Properties category. 11. Click the Add
icon for the GetProperties method.
icon.
12. Click the Done button.
13. Click under the scroll bar in the Data panel to scroll to the bottom. 14. Click Expand
for the Selected Row(s) of GetImplementingThings.
15. Click under the scroll bar in the Data panel until both the name of the selected row and the EntityName are visible. 16. Select the name row for the selected row of the Data table. 17. Drag the name row to the EntityName row.
18. Click above the scroll bar in the Data table to scroll up to GetImplemetingThings. 19. Select the GetImplementingThings row of the Data table.
20. Click under the scroll bar in the Data table to scroll down to GetProperties. 21. Drag the SelectedRowsChanged event to the GetProperties service. 22. Click Expand
for the GetProperties service.
23. Scroll down to view some of the properties, including CurrentTemperature. 24. Type G in the filter field of the Widgets panel.
25. Drag a Gauge to the upper-middle Layout panel.
26. Drag CurrentTemperature from the Data panel to the Gauge. 27. Select Data.
Enlarge Image
6. Task 6. Save and test the mashup.
1. Click the Save button. 2. Click the View Mashup button. 3. Select VM-TR2.
Enlarge Image
7. Task 7. Add a panel with an LED display of the current humidity.
1. Click Close
to close the VendingMachineMash mashup tab.
2. Type LE in the filter field of the Widgets panel. 3. Drag an LED Display to the lower-middle Layout panel. 4. Click Yes.
5. Drag the LED Display to the upper-left corner of the newly created panel. 6. Drag CurrentHumidity from the Data panel to the LED Display. 7. Select Data.
Enlarge Image
8. Task 8. Save and test the mashup.
1. Click the Save button. 2. Click the View Mashup button.
Enlarge Image
3. Click Close to close the VendingMachineMash mashup.
9. Task 9. Add a panel indicating the location of the vending machines.
1. Type G in the filter field of the Widgets panel.
2. Drag a Google Map widget to the upper-right Layout panel. 3. Drag Location from the Data panel to the Google Map. 4. Select SelectedLocation.
5. Click under the scroll bar in the lower-left Properties panel until the ShowSelectionMarker property displays. 6. Select the ShowSelectionMarker check box. 7. Select the To-Do tab in the bottom-center panel. 8. Select the Connections tab in the bottom-center panel.
Enlarge Image