# Dashboard text input node - avoid global state

**URL:** <https://discourse.nodered.org/t/dashboard-text-input-node-avoid-global-state/30744>\
**Category:** Dashboard\
**Created:** [26 July 2020 21:39 UTC](https://discourse.nodered.org/t/dashboard-text-input-node-avoid-global-state/30744 "2020-07-26T21:39:38Z")\
**Posts on this page:** 1\
**Showing post:** 14

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [31 July 2020 07:00 UTC](https://discourse.nodered.org/t/dashboard-text-input-node-avoid-global-state/30744/14 "2020-07-31T07:00:54Z")

</div>

There were some small differences between the Template node and the Input node.

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

So after a heavy battle with the "Style" tabsheet in my Chrome developer tools, I updated the Template node code to this:

```auto
<md-card class="nr-dashboard-textinput" style="margin-top:8px; margin-bottom:0px; margin-left:6px; margin-right:6px">
    <md-input-container class="md-block has-label" style="padding:0px; margin:0px">
        <label style="padding:0px">Notification Title</label>
        <input type="text">
    </md-input-container>
</md-card>

```

Now it looks quite the same as the Input-nodes:

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

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-text-input-node-avoid-global-state/30744)._
