Combining Data out of GetPropertyValue

Hi @MS_FLiX_HSD ,

I had in the past similar taks to implement but for me was the usage of  another  TWX event more convenient  in this case and I think it could be applicable also  in your case therefore I want to share this here. Lets look on the following exmple ->I have in Thingworx a Thing where I have a string property :

added e.g.  then the TWX  Event DataChange for the property (my_sensor_test1) - thing CADtestRepository  to the External Data

So I have now the event on the right side /External Data panel. I created binding to app parameters. 

• the new value of the DataChange envent (property my_sensor_test1) I linked to parameter my_sensor_test1_newValue
• and the old value of the DataChange event I linked to app parameter my_sensor_test1_oldValue as shown in the picture below

So also to see the value I linke the app parameters to 2 labels -  label-1 (here the new value is linked) and label-2 ( oldValued linked)

In the label I wnat to display the value (as in your example  .. active , Endstation  or something else) and want to set a color for the different  states.

After the settings mentioned above it will update only the value. To have also a different color I defined :

- Css styles in the STYLES> APPLICATION tab:

.mygreen {
 
 background-color :green; 
 color: blue;

}

.myred {
 
 background-color :red; 
 color:yellow;

}

.myblue {
 
 background-color :blue; 
 color:yellow;

}

And to set the styles depending the current value I used a $watch construct:

//================================================================
 
$scope.$watch('app.params["my_sensor_test1_newVal"]', function (newValue, oldValue, scope) {
 console.log("$watch >> newValue :: "+newValue+" >>>oldValue :: "+oldValue);
 //handling of newVal
if(newValue!=null ) { 
 if(newValue.indexOf('active') != -1 )
 { $scope.setWidgetProp('label-1','class','mygreen'); $scope.$applyAsync();
 
 } else 
 
 
 if(newValue.indexOf('Endstation') != -1 )
 { $scope.setWidgetProp('label-1','class','myred'); $scope.$applyAsync();
 } 
 else 
 { $scope.setWidgetProp('label-1','class','myblue'); $scope.$applyAsync();
 } 
 
 }//end of handling of newVal
 //handling of newVal
if(oldValue!=null ) { 
 if(oldValue.indexOf('active') != -1 )
 { $scope.setWidgetProp('label-2','class','mygreen'); $scope.$applyAsync();
 
 } else 
 
 
 if(oldValue.indexOf('Endstation') != -1 )
 { $scope.setWidgetProp('label-2','class','myred'); $scope.$applyAsync();
 } 
 else 
 { $scope.setWidgetProp('label-2','class','myblue'); $scope.$applyAsync();
 } 
 
 }//end of handling of newVal
 })
 
///////////////////////////////////////////////
//======================================

So this was all, now tested the value - where I changed the property my_sensor_test1  in Thingworx UI  and checked the display in preview mode- so the color was changed/updated  according to the value setting: