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
Experience

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
Register to Start Project

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:
Previous knowledge:
Data Model Introduction

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