We use cookies to personalize content and to analyze our traffic. Please decide if you are willing to accept cookies from our website.
Control Widget Placement in Your UI | Developer Portal : ThingWorx

Project Concept

This project will introduce you to setting a fixed placement for Widgets in your UI. The placement of Widgets and utilities on your UI can become very improtant as you build more complex applications.

Following the steps in this guide, you will create a user interface that contains Widgets with a set location on the canvas.

We will teach you how to set a standard and tone for the UI of your application by providing users with a consistent look and feel using Widget placement.

Project Info

Type How To
Level Intermediate
Est. Time 30 Minutes
Published October 16, 2018
Author Allen Smith

You'll learn how to

    • Create a Mashup and add a Panel Widget
    • Use the Panel-in-Panel technique
    • Define specific Properties for a Panel
Register to Start Project

Things used in this project


This guide requires a connection the ThingWorx Foundation.

It assumes that you are utilizing the 30-day hosted Foundation server or the 120-day downloaded trial.

Software components:
Previous knowledge:


  • Step 1: Add Panel Widget to Mashup
  • Step 2: Use Panel-in-Panel Technique
  • Step 3: Add Panel with Specific Properties
  • Step 4: Next Steps