Customizable and Responsive UI

Improve efficiency in your design process with an object-oriented approach.

Guide Concept

This project will introduce you to the concept of using Containers in ThingWorx for creating a reusable experience.

Following the steps in this guide, you will be able to create a reusable user interface to shorten development time and increase scalability.

We will teach you how to create Containers inside of Mashups in order to create a standard look and feel for your application.

customizable-responsive-ui

Guide Info

Level Intermediate
Est. Time 30 Minutes
Published Aug 17, 2020
Author Jason Johnson
Experience

You'll learn how to

    • Create a Gadget
    • Create a Gadget Library
    • Create a Dashboard
    • Utilize Containers in UI development
    • Create reusable Mashups
    • Create a Mashup and add a Panel Widget
    • Use the Panel-in-Panel technique
    • Define specific Properties for a Panel
    • Create a Mashup and add a Layout Widget
    • Subdivide Layouts in your Mashup
    • Create sidebars in your Mashup
 Register to Start Guide

Things used in this guide

Environment:

This guide requires a connection to the ThingWorx Foundation.

It assumes that you are utilizing the hosted Foundation server or the downloadable trial.

Software components:
Previous knowledge
Create Your Application UI

Customizable and Responsive UI

Outline