Guide Concept

This project will help you identify how you would like to create an experience for users.

Following the steps in this guide, you will use color schemes to convey information quickly and effectively, for example to alert users of critical events. With ThingWorx Composer, you can implement Styles and States in your Mashups to enhance your user experience.

We will teach you how to create an affective IoT application experience that looks great and easy to navigate. How the UI is presented can influence users and their enjoyment of the application.

Guide Info

Level Intermediate
Est. Time 60 Minutes
Published June 27, 2019
Author Jason Johnson

You'll learn how to

    • Create a Style Definition
    • Customize Style Definitions
    • Create and implement State Definitions
    • Implement event-based state changes
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 downloaded trial.

Software components:
Previous knowledge:

DEFINE YOUR UI STYLE

Outline
  • Step 1: Completed Example
  • Step 2: Create Style Definition
  • Step 3: Customize Style Definitions
  • Step 4: Create and Implement State Definitions
  • Step 5: Implementing Event-Based State Changes
  • Step 6: Next Steps

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
7 Units
270 Minutes
Your Status: Not Started
Learning Path Overview
Customize UI and Display Options to Deploy Applications

Build, customize, and deploy IoT applications with ThingWorx.

In This Learning Path
0% Complete
0% Complete
0% Complete
4
0% Complete
0% Complete
0% Complete
0% Complete
We use cookies to personalize content and to analyze our traffic. Please decide if you are willing to accept cookies from our website.