# Dashboard slider control via arrow keys on physical keyboard

**URL:** https://discourse.nodered.org/t/dashboard-slider-control-via-arrow-keys-on-physical-keyboard/50178
**Category:** Dashboard
**Created:** [25 August 2021 19:16 UTC](https://discourse.nodered.org/t/dashboard-slider-control-via-arrow-keys-on-physical-keyboard/50178 "2021-08-25T19:16:46Z")
**Posts on this page:** 1
**Showing post:** 3

<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: [25 August 2021 20:41 UTC](https://discourse.nodered.org/t/dashboard-slider-control-via-arrow-keys-on-physical-keyboard/50178/3 "2021-08-25T20:41:12Z")

</div>

If you are on a remote browser viewing dashboard then you could simply use `onkeyup` against `body` in a UI Template node that sends msgs to node-red.

![m8rApPaxWc](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/5/a5b55c11cb608ddf743287e7b835cf2d8cc4248d.gif)

```auto
[{"id":"d65b91c9dd547fab","type":"ui_template","z":"e78eac1c.8b9cf","group":"a348b0ef9d248038","name":"","order":7,"width":0,"height":0,"format":"<div id=\"key_press\">waiting key</div>\n<script type=\"text/javascript\">\n(function(scope) {\n const _scope = scope;\n $('body').on(\"keyup\", function(e) { \n var keyCode = (e || event || {}).keyCode;\n if(keyCode >= 37 && keyCode <= 40) {\n $(\"#key_press\").text(\"Detected: \" + keyCode);\n _scope.send({payload: keyCode});\n } \n });\n})(scope);\n</script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":3480,"y":160,"wires":[["96735c606d0b6648"]]},{"id":"78be99a6182b7071","type":"debug","z":"e78eac1c.8b9cf","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":3750,"y":160,"wires":[]},{"id":"96735c606d0b6648","type":"rbe","z":"e78eac1c.8b9cf","name":"","func":"rbe","gap":"","start":"","inout":"out","septopics":true,"property":"payload","topi":"topic","x":3610,"y":160,"wires":[["78be99a6182b7071"]]},{"id":"a348b0ef9d248038","type":"ui_group","name":"Default","tab":"3316deba5234ba30","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"3316deba5234ba30","type":"ui_tab","name":"test","icon":"dashboard","disabled":false,"hidden":false}]

```

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-slider-control-via-arrow-keys-on-physical-keyboard/50178)._