# Help with something that has happened to this node. CSS

**URL:** <https://discourse.nodered.org/t/help-with-something-that-has-happened-to-this-node-css/57976>\
**Category:** General\
**Created:** [8 February 2022 08:45 UTC](https://discourse.nodered.org/t/help-with-something-that-has-happened-to-this-node-css/57976 "2022-02-08T08:45:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [8 February 2022 08:45 UTC](https://discourse.nodered.org/t/help-with-something-that-has-happened-to-this-node-css/57976/1 "2022-02-08T08:45:53Z")

</div>

This is the node code:

```auto
[{"id":"e6b6c8fc.bdde08","type":"ui_template","z":"9b7e7466.a4b698","g":"93f2cac80f207551","group":"88a8780d.513c68","name":"Ack Event","order":16,"width":"1","height":"1","format":"<div id=\"GButtonM_AckA\">\n <button id={{'btn_'+$id}} class=\"md-button program-names small bold\" ng-mousedown=\"send({payload: 'Down'})\">{{msg.label}}\n <md-tooltip>See next in list</md-tooltip>\n </button>\n</div>\n\n<script>\n (function(scope) {\n scope.$watch('msg', function(msg) {\n if (msg) {\n // Do something when msg arrives\n $(\"#btn_\"+scope.$id).css('background-color',msg.payload.background);\n $(\"#btn_\"+scope.$id).css('color',msg.payload.color);\n $(\"#btn_\"+scope.$id).text(msg.payload.label);\n }\n });\n})(scope);\n</script>","storeOutMessages":true,"fwdInMessages":false,"resendOnRefresh":true,"templateScope":"local","x":4290,"y":1600,"wires":[["9176b92e.6d44c","97b67acd.dc9af"]]},{"id":"88a8780d.513c68","type":"ui_group","name":"Weather Display Mode","tab":"3245f51f.065aba","order":3,"disp":false,"width":"4","collapse":false},{"id":"3245f51f.065aba","type":"ui_tab","name":"TelePi Telemetry","icon":"track_changes","order":1,"disabled":false,"hidden":false}]

```

No need to import it unless you really need to.  
The CSS is below.

```auto
<div id="GButtonM_AckA">
    <button id={{'btn_'+$id}} class="md-button program-names small bold" ng-mousedown="send({payload: 'Down'})">{{msg.label}}
    <md-tooltip>See next in list</md-tooltip>
    </button>
</div>

<script>
    (function(scope) {
  scope.$watch('msg', function(msg) {
    if (msg) {
      // Do something when msg arrives
        $("#btn_"+scope.$id).css('background-color',msg.payload.background);
        $("#btn_"+scope.$id).css('color',msg.payload.color);
        $("#btn_"+scope.$id).text(msg.payload.label);
    }
  });
})(scope);
</script>

```

I don't understand how/why I am seeing this error.

(Picture)

 ![Screenshot from 2022-02-08 19-44-00](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/3/03ea828f84da2b3b9ebab6be1af7dc44c506ef7a.png)

Because to the best of my knowledge I haven't edited that line and it is/was working.

I only noticed it because the output used to give me a particular message which it isn't giving any more.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [8 February 2022 09:11 UTC](https://discourse.nodered.org/t/help-with-something-that-has-happened-to-this-node-css/57976/2 "2022-02-08T09:11:57Z")

</div>

> [@Trying\_to\_learn](#):
>
> I don't understand how/why I am seeing this error.

As it says, you have an unquoted attribute...

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/6/e66a3edbb87034bc37c70fa29a901341d106a067.png)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [8 February 2022 09:14 UTC](https://discourse.nodered.org/t/help-with-something-that-has-happened-to-this-node-css/57976/3 "2022-02-08T09:14:38Z")

</div>

Thanks.

Silly me.

---

<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:** [22 February 2022 09:15 UTC](https://discourse.nodered.org/t/help-with-something-that-has-happened-to-this-node-css/57976/4 "2022-02-22T09:15:04Z")

</div>

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