# Button button node click true release false

**URL:** <https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [4 July 2023 17:26 UTC](https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578 "2023-07-04T17:26:28Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![orelio](https://avatars.discourse-cdn.com/v4/letter/o/eada6e/32.png) [@orelio](https://discourse.nodered.org/u/orelio)\
**Post date:** [4 July 2023 17:26 UTC](https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578/1 "2023-07-04T17:26:28Z")

</div>

hey

is it possible to create a button when you click true release button false

now is ther only a button with a choice true or false

regreds  
orelio

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [4 July 2023 18:23 UTC](https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578/2 "2023-07-04T18:23:18Z")

</div>

You would need to create a button using ui-template. This [topic](https://discourse.nodered.org/t/momentary-toggle-button/62256) may help

---

<div class="post-metadata">

**Author:** ![orelio](https://avatars.discourse-cdn.com/v4/letter/o/eada6e/32.png) [@orelio](https://discourse.nodered.org/u/orelio)\
**Post date:** [5 July 2023 13:52 UTC](https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578/3 "2023-07-05T13:52:56Z")

</div>

thanks works fine  
how can i change the background color and text color  
thanks

regreds orelio

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [5 July 2023 14:49 UTC](https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578/4 "2023-07-05T14:49:18Z")

</div>

There are many examples of styling template and ui nodes. A quick [search](https://discourse.nodered.org/search?q=background%20color%20button%20template%20css) provides many solutions

---

<div class="post-metadata">

**Author:** ![orelio](https://avatars.discourse-cdn.com/v4/letter/o/eada6e/32.png) [@orelio](https://discourse.nodered.org/u/orelio)\
**Post date:** [5 July 2023 15:24 UTC](https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578/5 "2023-07-05T15:24:59Z")

</div>

hey  
i have change background and text color thanks for helping  
mvg  
orelio

---

<div class="post-metadata">

**Author:** ![orelio](https://avatars.discourse-cdn.com/v4/letter/o/eada6e/32.png) [@orelio](https://discourse.nodered.org/u/orelio)\
**Post date:** [5 July 2023 15:27 UTC](https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578/6 "2023-07-05T15:27:17Z")

</div>

here  
is my code

.nr-dashboard-template { padding: 0px; }
 Momentary Button
(function($scope) { $('.momentary').on('touchstart mousedown', function(e) { e.preventDefault(); //prevent default behavior $scope.send({"payload": true}); }); $('.momentary').on('touchend mouseup', function(e) { e.preventDefault(); //prevent default behavior $scope.send({"payload": false}); }); regreds orelio

---

<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:** [4 August 2023 15:27 UTC](https://discourse.nodered.org/t/button-button-node-click-true-release-false/79578/7 "2023-08-04T15:27:32Z")

</div>

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