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

Project Concept

This project will introduce the Layout Widget and how it can be used to create a more robust experience.

Following the steps in this guide, you will create sections of a user interface using a Layout Widget, then add sidebars,

We will teach you how to create sections of your UI in order to declutter utilities and group Widgets.

Project Info

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

You'll learn how to

    • Create a Mashup and add a Layout Widget
    • Subdivide Layouts in your Mashup
    • Create sidebars in your Mashup
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: Create Mashup with Layout Widget
  • Step 2: Subdivide Layouts
  • Step 3: Create Sidebars
  • Step 4: Widget Properties
  • Step 5: Next Steps