Basic Mashup Widgets
Use UI Widgets used by most Mashups
Guide Concept
This project will introduce how to use some basic Widgets in a Mashup.
Following the steps in this guide, you will create a Mashup that reacts user input using a Button, Toggle Button, and Slider Widget.
We will also teach you how to display data to users with the Grid Advanced, Gauge, and Property Display widgets.

Guide Info
Level | Beginner |
Est. Time | 60 Minutes |
Published | Jan 15, 2021 |
Author | Allen Smith |
You'll learn how to
Use five common web application UI features in a sample Mashup
- Button
- Slider
- Value Display
- Toggle Button
- Gauge
- Grid Advanced
Things used in this guide
Environment:
This guide requires access to ThingWorx Foundation.
It assumes that you are utilizing the hosted Foundation server or the downloadable trial.
Software components:
Previous knowledge
Basic Mashup Widgets
Outline
This guide is part of a Learning Path. We've curated other guides relevant to this one to help you learn and get up to speed as quickly as possible.
Learning Path Overview
Customize UI and Display Options to Deploy Applications
Build, customize, and deploy IoT applications with ThingWorx.
In This Learning Path
1
Experience
2
Experience
3
Experience
4
Experience
5
Experience
6
Manage
7
Experience