# Template node using msg.payload

**URL:** <https://discourse.nodered.org/t/template-node-using-msg-payload/41479>\
**Category:** Dashboard\
**Created:** [23 February 2021 11:33 UTC](https://discourse.nodered.org/t/template-node-using-msg-payload/41479 "2021-02-23T11:33:08Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![devk](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/devk/32/37663_2.png) [@devk](https://discourse.nodered.org/u/devk)\
**Post date:** [23 February 2021 11:33 UTC](https://discourse.nodered.org/t/template-node-using-msg-payload/41479/1 "2021-02-23T11:33:08Z")

</div>

```auto
[{"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.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [25 March 2021 11:33 UTC](https://discourse.nodered.org/t/template-node-using-msg-payload/41479/2 "2021-03-25T11:33:36Z")

</div>

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