Template node using msg.payload

[{"id":"af5e4406.3e77a8","type":"tab","label":"플로우 1","disabled":false,"info":""},{"id":"6e08bd48.d50f34","type":"ui_template","z":"af5e4406.3e77a8","group":"152dfbc2.b2a224","name":"System Monitoring Interface Custom CSS Calibration","order":1,"width":0,"height":0,"format":"<style>\n#Production_Count_cards  {\n    xborder: solid 3px red ;\n    height: 825px !important;\n}\n#Movement_IO_cards  {\n    xborder: solid 3px red ;\n    height: 868px !important;\n}\n#Movement_Speed_cards  {\n    xborder: solid 3px red ;\n    height: 336px !important;\n}\n\n#Movement_IO .nr-dashboard-cardtitle.ng-binding.ng-scope {\n    font-size: 0px;\n}\n#Movement_IO .nr-dashboard-cardtitle.ng-binding.ng-scope:before {\n    content: 'base';\n    font-size: 23px !important;\n    display: block;\n}\n</style>\n<script>\n(function(scope) {\n   \n  scope.$watch('msg', function(msg) {\n    if (msg) {\n        $('#Movement_IO .nr-dashboard-cardtitle.ng-binding.ng-scope:before').css(\"content\",msg.payload);\n    }\n  });\n})(scope);\n</script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":520,"y":160,"wires":[[]]},{"id":"f70e09f8.ec3f48","type":"inject","z":"af5e4406.3e77a8","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"not","payloadType":"str","x":190,"y":160,"wires":[["6e08bd48.d50f34"]]},{"id":"152dfbc2.b2a224","type":"ui_group","z":"","name":"IO","tab":"a0c30cd6.33919","order":3,"disp":true,"width":"7","collapse":false},{"id":"a0c30cd6.33919","type":"ui_tab","z":"","name":"Movement","icon":"dashboard","order":5,"disabled":false,"hidden":false}]

The application of msg.payload is not applicable to css.
I ask for your help.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.