This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.
Logic Machine Forum › LogicMachine eco-system › Visualization v
change value to ## when condition meet

Threaded Mode
change value to ## when condition meet
khalil Offline
Senior Member
Posts: 321
Threads: 72
Joined: Jan 2021
Reputation: 0
#1
16.06.2022, 15:19
Hello 
I read data from generator, but when its off some values gives unreal measurements.
so I want to convert these values to ## when generator is off.
BR,
Best Regards,
Find
Reply
admin Offline
Administrator
Posts: 7758
Threads: 42
Joined: Jun 2015
Reputation: 447
#2
17.06.2022, 12:44
Similar to this example: https://forum.logicmachine.net/showthread.php?tid=4091

When <body> element has generator-off class then all elements with generator-status additional class will have the current value hidden by setting the text color to transparent and showing a pseudo-element with ## before the value text.
Code:
body.generator-off .generator-status.item-value,
body.generator-off .generator-status .value {
  color: transparent;  
}
body.generator-off .generator-status.item-value:before,
body.generator-off .generator-status .value:before {
  color: #333;
  content: '##';
}
Find
Reply
khalil Offline
Senior Member
Posts: 321
Threads: 72
Joined: Jan 2021
Reputation: 0
#3
17.06.2022, 17:13
Thank you admin
So I need the JS from the example before?
But what is the <body> element? Do I need to change it? Is it a variable?
I am not familiar with JS and CSS
Best Regards,
Find
Reply
khalil Offline
Senior Member
Posts: 321
Threads: 72
Joined: Jan 2021
Reputation: 0
#4
18.06.2022, 07:21
Code:
$(function(){
  if (window.grp) {
    grp.listen('62/7/0', function(object) {
      $('body').toggleClass('generator-off', object.value == false);
    });
  }
});
this is the JS Used with the CSS code:
Code:
body.generator-off .generator-status.item-value,
body.generator-off .generator-status .value {
  color: transparent; 
}
body.generator-off .generator-status.item-value:before,
body.generator-off .generator-status .value:before {
  color: #333;
  content: '##';
}
 
and this is what I got:

Attached Files Thumbnail(s)
   
Best Regards,
Find
Reply
admin Offline
Administrator
Posts: 7758
Threads: 42
Joined: Jun 2015
Reputation: 447
#5
20.06.2022, 07:55
You've probably set custom text color in element properties.
Use this CSS instead:
Code:
body.generator-off .generator-status.item-value,
body.generator-off .generator-status .value {
  color: transparent !important;  
}

body.generator-off .generator-status.item-value:before,
body.generator-off .generator-status .value:before {
  color: #000;
  content: '##';
}
Find
Reply
khalil Offline
Senior Member
Posts: 321
Threads: 72
Joined: Jan 2021
Reputation: 0
#6
20.06.2022, 13:47
Thanks Admin
Work Perfect
Best Regards,
Find
Reply


Forum Jump: