# Dashboard element for dimming

**URL:** https://discourse.nodered.org/t/dashboard-element-for-dimming/82598
**Category:** Dashboard
**Created:** [4 November 2023 11:04 UTC](https://discourse.nodered.org/t/dashboard-element-for-dimming/82598 "2023-11-04T11:04:10Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![magnusso](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/magnusso/32/37680_2.png) [@magnusso](https://discourse.nodered.org/u/magnusso)
#### Post date: [4 November 2023 11:04 UTC](https://discourse.nodered.org/t/dashboard-element-for-dimming/82598/1 "2023-11-04T11:04:10Z")

</div>

I’m super satisfied with NR for home automation. It it is a light year ahead of current commercially available products/services. The house that the dashboard controls is designed to accommodate “smart house concepts”. All lights are controlled with Eltako Series 14 actuators. The really cool feature of the NR UI switch node is that it allows for the switch icon to show the state of inout.

As result, the automation can accommodate both physical Enocean type of physical switches and virtual NR dashboard based controls. When the state of the actuator (e.g. Eltako FSR14SSR) changes it sens a confirmation telegram, which is parsed in NR, and eventually recorded by the ui\_switch for that actuator.

My question is how to accomplish a similar feature for dimming. Conceptually dimming has one additional dimension. A switch has just one: isOn, which is either 0 or 1, here. A dimmer has two: isOn, and dimmingValue, which is 20..100, here.

Any suggestions? I would like to use both physical and web-based controls.

A potential solution is a ui\_gauge combined with buttons the state 20%, 50%, 70% and 100%.  
The gaugse would reflect the value of dimmingValue. In addition a ui\_switch is needed to to reflect the value of isOn.

My question is related to layout, could someone please hint to the right direction for setting up dials and buttons as in this screenshot, which I copied in from another post.

Source: [https://flows.nodered.org/node/node-red-contrib-ui-contextmenu](https://flows.nodered.org/node/node-red-contrib-ui-contextmenu)

 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/b/7b0f5c9a98e05cd781873e533339bb5520b322b4.jpeg)

---

<div class="post-metadata">

### Author: ![magnusso](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/magnusso/32/37680_2.png) [@magnusso](https://discourse.nodered.org/u/magnusso)
#### Post date: [4 November 2023 11:07 UTC](https://discourse.nodered.org/t/dashboard-element-for-dimming/82598/2 "2023-11-04T11:07:55Z")

</div>

The current dashboard is very straightforward and simple, and does not accomodate the 20%, 50%, 70%, 100% buttons in any sensible way

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/2/82d85bc8ebf622f31b4de9de819f3c661581fee9.png)

---

<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 November 2023 13:17 UTC](https://discourse.nodered.org/t/dashboard-element-for-dimming/82598/3 "2023-11-04T13:17:11Z")

</div>

Have you tried [node-red-contrib-multistate-switch](https://flows.nodered.org/node/node-red-contrib-ui-multistate-switch)

---

<div class="post-metadata">

### Author: ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)
#### Post date: [6 November 2023 03:09 UTC](https://discourse.nodered.org/t/dashboard-element-for-dimming/82598/4 "2023-11-06T03:09:08Z")

</div>

Why not just use a slider widget ?

It can send and receive values, so you can both set and view the dimmer levels.

eg for my led light strip -

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

---

<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: [6 December 2023 03:09 UTC](https://discourse.nodered.org/t/dashboard-element-for-dimming/82598/5 "2023-12-06T03:09:32Z")

</div>

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