# Slider Node in Dashboard 2 level/slider

**URL:** <https://discourse.nodered.org/t/slider-node-in-dashboard-2-level-slider/96031>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [16 March 2025 10:20 UTC](https://discourse.nodered.org/t/slider-node-in-dashboard-2-level-slider/96031 "2025-03-16T10:20:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [16 March 2025 10:20 UTC](https://discourse.nodered.org/t/slider-node-in-dashboard-2-level-slider/96031/1 "2025-03-16T10:20:33Z")

</div>

in the old dashboard a level like this was possible:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/8/c806854f6d202eac903b7cb0753dfed3a0e305a7.png)

100 on the left side, 0 on the right side, moving left to right.

For slider in dashboard 2 this seems not to be possible. Can I use anything else to achive the same?

---

<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:** [16 March 2025 10:34 UTC](https://discourse.nodered.org/t/slider-node-in-dashboard-2-level-slider/96031/2 "2025-03-16T10:34:13Z")

</div>

Please raise an issue on the dashboard repository: [Sign in to GitHub · GitHub](https://github.com/FlowFuse/node-red-dashboard/issues/new/choose)

In the mean time, you could simply add a ui-template with a `v-slider` that sends the new value to node-red upon `update`

> **[Slider component — Vuetify](https://vuetifyjs.com/en/components/sliders/)**
>
> The slider component can be used as an alternative visualization instead of a number input.

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [16 March 2025 16:17 UTC](https://discourse.nodered.org/t/slider-node-in-dashboard-2-level-slider/96031/3 "2025-03-16T16:17:20Z")

</div>

Can you give a quick hint on the update function?

---

<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:** [16 March 2025 16:21 UTC](https://discourse.nodered.org/t/slider-node-in-dashboard-2-level-slider/96031/4 "2025-03-16T16:21:44Z")

</div>

The supported events are listed in that link i shared.  
However, to save you some reading, the interesting part is here: [https://vuetifyjs.com/en/api/v-slider/#events-update:modelValue](https://vuetifyjs.com/en/api/v-slider/#events-update:modelValue)

To send something to node-red use `this.send` e.g `this.send({payload: value}`  
Docs: [Template ui-template | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/widgets/ui-template.html#sending-messages-to-node-red)

---

<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:** [30 March 2025 16:22 UTC](https://discourse.nodered.org/t/slider-node-in-dashboard-2-level-slider/96031/5 "2025-03-30T16:22:22Z")

</div>

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