I'm trying to create an expression binding where compares the text in '.label' from an array equals a certain string it changes the color of the object binding. It works fine if I define an array number, but I want to dynamically apply it to all events in the array as items are deleted and added to…

Hi Everyone, I worked out how to implement this. I added a transform script on the 'props.scheduledEvents' of the Equipment Schedule component binding itself. Process: Loop over each event. Copy it (dict(e)). If .label == "TEST", set ["color"] = "#6ECEB2"; otherwise, set a default. Append the c…

There is no iteration in base Ignition expressions. The Integration Toolkit (free) from pturmel adds this capability.

Would a Map Transform | Ignition User Manual do what you want? [2019-06-05_14-14-51-20b4d41acce7c3f15834a5c096a155ce] In your case set the Input Type: Value and Output Type: Color. Enter the strings you're testing for in the values column.

[image] hoshito: all events in the array as items are deleted and added to the array structure. How are you displaying all these events? Flex repeater? If you can, show us an example of how your view is set up. [image] hoshito: IF({this.props.scheduledEvents[0].label} = "TEST", '#6ECEB2'…

[image] ryan.white: How are you displaying all these events? Flex repeater? If you can, show us an example of how your view is set up. The events are being displayed on a EquipmentSchedule component. [image] [image] ryan.white: Is this binding on the root container? or the base view? …

Likely unimportant performance consideration: You don't need to worry about making a copy of the original list, you can edit the original without concern. Nothing else is touching or using the original list.

I'll suggest this: color_map = { 'TEST': '#6ECEB2', 'FOO': '#AAFFEE', 'BAR': '#443322' } default_color = '#FFBE9F' return [ dict( event, backgroundColor = color_map.get(event['label'], default_color] ) for event in value ] Simply configure your label -> color map, and pick a default color…

Depending on the source of the data, the e might be immutable, in which case he does need to build a new dict to be able to add the backgroundColor key.

[image] pascal.fragnoud: e might be immutable Good point [image] pascal.fragnoud: color map Consider, having the color map as a separate custom property, and reference that from the script transform. Much more visible and you don't have to edit the script transform to make small tweak…

Yes that's not a bad idea. Could be used to make the color map dynamic. It also allows other properties to use the same colors. But then he should use a structure binding, to bind on both the original data and the color map. If it doesn't change much, and it's only used by that transform, I'd st…

Expression bindings don’t support looping through arrays directly. You’ll need to handle the comparison logic outside the binding, like in a script or preprocessing step, then bind to a property that stores the result.