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

Guide Concept

This project will introduce how to create complex user interfaces that are built by combining simple Widgets and basic styling.

Following the steps in this guide, you will build a web application showing both geographic and table based information.

We will teach you how to create a professional user interface that effectively conveys information to users.

Guide Info

Level Intermediate
Est. Time 60 Minutes
Published March 22, 2019
Author Allen Smith

You'll learn how to

    • Organize UI elements in a Mashup layout
    • Use the Repeater widget effectively
    • Use Styles to customize UI elements within a 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 using either the hosted Foundation server or the downloaded trial.

Software components:
Previous knowledge:

EFFECTIVE UI IMPLEMENTATION

Outline
  • Step 1: Top Level Layout
  • Step 2: Import Data
  • Step 3: Map Mashup
  • Step 4: Navigation Panel
  • Step 5: Collection Widget
  • Step 6: Customize Collection
  • Step 7: Detail Panel
  • Step 8: Learn More About Widgets
  • Step 9: Next Steps