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.

organize-collection-widget

Guide Info

Level Intermediate
Est. Time 30 Minutes
Published Mar 18, 2021
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
  • Utilize a Collection Widget to display data from multiple rows of a table
 Register to Start Guide

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:
Previous knowledge
Create Your Application UI

Organize Your UI with the Collection Widget

Outline