# Feature suggestion for dashboard. New widget

**URL:** https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111
**Category:** Feature Requests
**Created:** [15 July 2020 09:19 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111 "2020-07-15T09:19:40Z")
**Posts on this page:** 14
**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: [15 July 2020 09:19 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/1 "2020-07-15T09:19:40Z")

</div>

Yes, the `dashboard` has some great things and with the library there are even more great _widgets_ to use.

_Widgets_ as in things to add to the GUI to make it look nicer.

Suggestion:  
A scroll wheel.

When the mouse is over/on the _widget_ the scroll wheel on the mouse changes the value.

I know there may be a conflict with scrolling the screen and stuff like that.

But if it hasn't been considered before, this is my submission for the idea.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [15 July 2020 10:46 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/2 "2020-07-15T10:46:48Z")

</div>

err - the slider already does that...

---

<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: [15 July 2020 10:50 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/3 "2020-07-15T10:50:17Z")

</div>

# (oops!)

Honestly, I have never done that.  
I click and slide the slider. Never thought of doing it that way.

But I think a _wheel_ would look nice to represent that input device rather than a _slider_.  
Maybe have it as an option of how a slider looks: the slider or a wheel.  
Also the wheel would allow _wrapping_ so once you get to the _max_, if you keep scrolling in the same direction it will wrap to the _min_ value.

Sorry, I'll shut up now.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [15 July 2020 10:54 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/4 "2020-07-15T10:54:56Z")

</div>

Well - ui widgets can now be written and published by people if they so wish to contribute.

---

<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: [15 July 2020 10:57 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/5 "2020-07-15T10:57:31Z")

</div>

I think that _expectation_ is way beyond my skill set.

I just submitted the idea because I didn't know you could use the scroll wheel on the slider.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [15 July 2020 10:58 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/6 "2020-07-15T10:58:42Z")

</div>

No problem - and we can leave it here if someone wishes to pick it up.

---

<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: [15 July 2020 10:59 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/7 "2020-07-15T10:59:17Z")

</div>

(Do I need to _close_ this then?)

---

<div class="post-metadata">

### Author: ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)
#### Post date: [15 July 2020 12:10 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/8 "2020-07-15T12:10:11Z")

</div>

Just mark one post as solution, then it closes in 2 weeks, otherwise in a month.

---

<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: [15 July 2020 12:12 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/9 "2020-07-15T12:12:13Z")

</div>

But that would imply it **has** been resolved.

> [@dceejay](#):
>
> No problem - and we can leave it here if someone wishes to pick it up.

---

<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: [19 July 2020 09:30 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/10 "2020-07-19T09:30:07Z")

</div>

(I'll stick it here because it is kind of related)

**IF** _you_ (who ever) are interested in exploring this idea: another one which would be neat is......

A **knob**

That you turn. Not so much like the old _variable resistors_ but more like a rotary encoder that turns forever.

It (both) would simply send one of two messages. For example: `up` and `down`.  
That could be set in the node. (Maybe `topic` too)

but you just keep turning the wheel (original one) or knob (the second idea) and it just keeps spitting out the payload indicating the direction.

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [19 July 2020 10:14 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/11 "2020-07-19T10:14:04Z")

</div>

The left and right arrow keys can also be used to control the slider.

---

<div class="post-metadata">

### Author: ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)
#### Post date: [20 July 2020 07:26 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/12 "2020-07-20T07:26:01Z")

</div>

> [@Trying\_to\_learn](#):
>
> A **knob**

Like these?

- [Mobile-friendly Dial Knob Plugin In Vanilla JS - JogDial.js | CSS Script](https://www.cssscript.com/dial-knob-jogdial/)
- [Touch-enabled Knob Input With JavaScript - knob-input | CSS Script](https://www.cssscript.com/touch-enabled-knob-input-javascript-knob-input/)

As for the wheel, I always had something like the "good old" date/time selection wheels from older Android versions in mind.

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

You could roll them up and down with a swipe quite easy and select the value. Would make a good alternative for the slider, since more users seem to use the Dashboards with a touchscreen (myself included 😇).  
I had some hopes to find such a component in Angular Material (which Dashboard is based on), but couldn't find any. 🙄

---

<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: [20 July 2020 07:31 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/13 "2020-07-20T07:31:16Z")

</div>

Nice.

I shall look into them more.

---

<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: [19 August 2020 07:31 UTC](https://discourse.nodered.org/t/feature-suggestion-for-dashboard-new-widget/30111/14 "2020-08-19T07:31:21Z")

</div>

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