# Slider showing values

**URL:** <https://discourse.nodered.org/t/slider-showing-values/11200>\
**Category:** Dashboard\
**Created:** [16 May 2019 08:35 UTC](https://discourse.nodered.org/t/slider-showing-values/11200 "2019-05-16T08:35:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![lucaDgt](https://avatars.discourse-cdn.com/v4/letter/l/47e85d/32.png) [@lucaDgt](https://discourse.nodered.org/u/lucaDgt)\
**Post date:** [16 May 2019 08:35 UTC](https://discourse.nodered.org/t/slider-showing-values/11200/1 "2019-05-16T08:35:40Z")

</div>

Hi.  
is there a setting to show on the ui the actual value of the slider widget without writing new code?

Regards,  
Luca

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [16 May 2019 12:12 UTC](https://discourse.nodered.org/t/slider-showing-values/11200/2 "2019-05-16T12:12:25Z")

</div>

It is possible if you are using slider with option output "only on release" and a little CSS override.

`[{"id":"4bc92110.64406","type":"ui_template","z":"7993e570.4aafac","group":"93892d22.50ab8","name":"","order":3,"width":0,"height":0,"format":"<style>\nmd-slider[md-discrete] .md-sign,\nmd-slider[md-discrete] .md-sign:after {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0) scale(1);\n transform: translate3d(0, 0, 0) scale(1);\n}\n</style>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"global","x":660,"y":320,"wires":[[]]},{"id":"992bc11f.dc2a4","type":"ui_slider","z":"7993e570.4aafac","name":"","label":"slider","tooltip":"","group":"93892d22.50ab8","order":4,"width":0,"height":0,"passthru":true,"outs":"end","topic":"","min":0,"max":10,"step":1,"x":650,"y":360,"wires":[[]]},{"id":"93892d22.50ab8","type":"ui_group","z":"","name":"charts","tab":"a24618c5.be59c8","disp":true,"width":"14","collapse":false},{"id":"a24618c5.be59c8","type":"ui_tab","z":"","name":"tab 1","icon":"weekend","order":1,"disabled":false,"hidden":false}]`

---

<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:** [16 May 2019 12:34 UTC](https://discourse.nodered.org/t/slider-showing-values/11200/3 "2019-05-16T12:34:32Z")

</div>

not sure why you need the css but yes.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [16 May 2019 12:37 UTC](https://discourse.nodered.org/t/slider-showing-values/11200/4 "2019-05-16T12:37:06Z")

</div>

To hold it always open. (which could be nice option to have configurable)

---

<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:** [16 May 2019 12:49 UTC](https://discourse.nodered.org/t/slider-showing-values/11200/5 "2019-05-16T12:49:21Z")

</div>

hmm - actually would be better default 🙂 will make it so (for the future)

---

<div class="post-metadata">

**Author:** ![JPW](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jpw/32/28943_2.png) [@JPW](https://discourse.nodered.org/u/JPW)\
**Post date:** [22 September 2020 13:24 UTC](https://discourse.nodered.org/t/slider-showing-values/11200/6 "2020-09-22T13:24:26Z")

</div>

> [@dceejay](#):
>
> actually would be better default

Is it possible to override this new default setting? I dont want the slider to always show the tooltip.  
Why would you bind this behaviour to "only on release"? Shouldnt it have its own setting?

I need "only on release"-output but dont want the tooltip. Im already displaying the value in the label.

It ruins the layout of my dashboard (touching buttons above it / slider not vertically centered in row) ☹ Thx for your help!