Go beyond functional application development and learn how you can dress up your UI to enhance the user experience. In this webinar, we'll show you how to implement common design elements throughout your UI including custom logos, color schemes, and styles.
In this video, UI expert Tsveta Saul will demonstrate valuable tips and tricks for making a sophisticated IoT application with ThingWorx, including:
- Masters and Menus - enhance your app framework with personalized menu titles, backgrounds, and custom headers
- Layout and Labels - create consistency in your application by combining commonly used widgets
- State and Style Definitions - define widget styles to illustrate your brand
- Images - integrate visuals to describe thousands of words' worth of design and development specifications
Watch the recording above, and download this sample Mashup containing all the data and entities shared in the video.
Q&A
We didn’t have time to get to all of the questions during the live webcast, but we’ve answered them here on our blog. Have any additional questions? Please leave us a comment.
WHERE ELSE CAN STATE DEFINITIONS BE APPLIED?
State Definitions can be applied to the Map Widget. Not only can you add color-coded pins, but also images that describe certain types of assets, for example. You can also add State Definitions to your Time Series Chart. For instance, you can color-code for values that exceed a certain threshold.
ARE THERE ANY IMPORTANT OR HIDDEN PROPERTIES THAT I SHOULD KNOW ABOUT?
One feature to take note of is the Z-index, which helps you control the position of a widget in relation to another widget. This option can control whether users see the specific widget or not. ThingWorx has a robust a system that handles permissions – from users and groups to organizations. There’s a lot of control as to who can see what either through Model, or through specific services and conditions inside the Mashup.
HOW CAN I DISABLE A USER FROM SEEING SOMETHING OR DOING A CERTAIN ACTION?
Again, that is handled through the security system of ThingWorx. There are multiple ways of authenticating users from other systems. You can create services that are related to your Things or user session parameters, and define whether a user can see those parameters or not.
HOW CAN WE CHANGE DATE FORMAT FOR X-AXIS IN TIME SERIES CHART?
This property is available within the Time Series Chart Widget. It uses standard programming language – you can add or delete in the property.
CAN LAYOUT SPACING BE A PERCENTAGE?
The spacing within the layout (none, 5px, 10px, 15px, or 20px).
