Latest Updates

random

Building an App Dashboard in Thingworx

In this tutorial we will learn two things
  1. how to build App/Dashboard on Thingworx Platform
  2. Binding sensor values to the dashboard
Steps to build an App
1) Go to Thingworx composer and click on mashup

2) Click on mashup and select New

3) New mashup will appear then select responsive page and proceed


4) Give the name of app and fill out related details


5) Go to design page you will find landing page of app


6) You will get many options on landing page widget, layout, explorer.
  • Widgets: - all the controls are available to design an app
  • Layout: - you can add the position of app
  • Explorer: - Here you will find all the mashups

You can set customize properties for all the widgets which you might be working on.
  1. On the left top widgets
  2. On the left bottom properties
  3. in middle your working space
  4. on the right top your data panel which is having data properties form your thing
7) First thing select panel go to widgets and type panel drag and drop panel in working space.


8) Now we need gauge just type gauge in widgets drag and drop gauge inside of your panel.

9) Copy all the widgets and paste near by same widgets.


10) You have to bind that gauge to properties so select gauge and go to data panel and click on the plus sign.


11) You have to bind the things with gauge so select thing name which you have created.

12) after that you need to bind the service called getProperties and make sure to check the checkbox mashupLoaded and click on done.


13) Now you can see the properties are available in data panel just go and expand hierarchy in data panel.


14) Now just click on temp and drag temp to all the way into gauge now when you leave it you have choose one option data.


15) Now n the bottom area you will see overall graph connection that is specific thing is connected with gauge.


16) Similarly repeat same process for another gauge and connect hum property to that gauge you will find the another graph at bottom.


17) Change all the tooltip name (label name) select label and go to properties select label and change the name.


Result: -
18) Save all the task and click on view mashup you will see User interface of App.

If you are still facing issue regarding this topic Feel free to Ask Doubts in the Comment Box Below and Don't Forget to Follow us on 👍 Social Networks😉
Building an App Dashboard in Thingworx Reviewed by Avotrix.Author on Thursday, September 24, 2020 Rating: 5

No comments:

All Rights Reserved by Avotrix © 2018 - 2019
Developed and created by Avotrix

Contact Form

Name

Email *

Message *

Powered by Blogger.