Organize Your UI with the Collection Widget
Use the Collection Widget to organize visual elements of your application.
Project Concept
This project will introduce the Collection Widget.
Following the steps in this guide, you will learn to display different values from a single dataset in real-time.
We will teach you how to utilize the Collection Widget to generate a series of repeated Mashups for every row of data in a table.
Project Info
| Type | How To |
| Level | Intermediate |
| Est. Time | 30 Minutes |
| Published | October 17, 2018 |
| Author | Jason Wyatt |
You'll learn how to
- Create a Datashape to define columns of a table
- Create a Thing with an Infotable Property
- Create a base Mashup to display data
- Include a Collection Widget to display data for multiple rows
Things used in this project
Environment:
This guide may be completed within any environment where you have access to the ThingWorx Foundation server.
This includes both the 30-day hosted evaluation server, as well as the 120-day downloadable trial.
Software components:
ThingWorx Foundation
Previous knowledge:
ORGANIZE YOUR UI WITH THE COLLECTION WIDGET
Outline
- Step 1: Create a Datashape
- Step 2: Create a Thing
- Step 3: Create a Mashup
- Step 4: Use Collection Widget
- Step 5: Next Steps