Organize Your UI with the Collection Widget
Use the Collection Widget to organize visual elements of your application.
Guide 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.
Guide Info
| Level | Intermediate |
| Est. Time | 30 Minutes |
| Published | March 22, 2019 |
| 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 guide
Environment:
This guide may be completed within any environment where you have access to the ThingWorx Foundation server.
This includes both the hosted evaluation server, as well as the 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