(20.07.2020, 11:16)admin Wrote: 1. Use current.weather_descriptions[1]
2. You can use Custom Values for object value for easy conversion of number to text

(02.09.2020, 11:09)admin Wrote: This example will set rotate the icon according to object value (data type 5.003 - angle).
Set Additional classes of your object to rotate
Add to Custom JavaScript:

Code:

$(function(){
  $('.rotate').each(function(i, el) {
    var $el = $(el), addr = $el.data('object'); // or 'status-object'

    grp.listen(addr, function(obj) {
      $el.find('.icon').css('transform', 'rotate(' + obj.value + 'deg');
    });
  });
});

Note that this won't work in the editor, only in the visualization view.

(15.11.2020, 09:05)admin Wrote: It's easier to use an icon with animation. See this: https://forum.logicmachine.net/showthread.php?tid=45&pid=132#pid132

(16.11.2020, 07:40)admin Wrote: Add to Custom CSS:

Code:

.spin-animation {
  animation: spin 2s infinite linear;
}

@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

Add to Custom JS, change additional class from rotate to spin:

Code:

$(function(){
  $('.spin').each(function(i, el) {
    var $el = $(el), addr = $el.data('object'); // or 'status-object'

    grp.listen(addr, function(obj) {
      $el.find('.icon').toggleClass('spin-animation', obj.value > 0);
    });
  });
});