# Slider appearance: Slider gets shorter when label gets longer

**URL:** <https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995>\
**Category:** Dashboard\
**Created:** [19 February 2020 21:46 UTC](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995 "2020-02-19T21:46:47Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![SteveMann](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stevemann/32/3810_2.png) [@SteveMann](https://discourse.nodered.org/u/SteveMann)\
**Post date:** [19 February 2020 21:46 UTC](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995/1 "2020-02-19T21:46:47Z")

</div>

How do I make the UI slider (Landing Light Dimmer) bigger and below the name?

![xxx](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/a/eaa4631f45847d0204855bb932a7998c33f13445.jpeg)

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [19 February 2020 22:03 UTC](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995/2 "2020-02-19T22:03:24Z")

</div>

Seems like it should have an option to put the label above or below the slider.

Meanwhile, you could put a text widget above it, move the label to the text widget and remove it from the slider.  
 ![Screen Shot 2020-02-19 at 5.02.48 PM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/6/16f506fd49a2bfdf63c989340eaa1dc0b789f74b.png)

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [19 February 2020 23:16 UTC](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995/3 "2020-02-19T23:16:03Z")

</div>

@SteveMann - Steve I changed the title

@dceejay Dave, should there be an option to allow the label to be above or below the slider? As you can see from the example - the bottom slider has the label in it where the top example has a text node over the slider with no label. I started looking at the code but couldn't figure out how the actual dashboard output happens.

---

<div class="post-metadata">

**Author:** ![SteveMann](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/stevemann/32/3810_2.png) [@SteveMann](https://discourse.nodered.org/u/SteveMann)\
**Post date:** [20 February 2020 04:47 UTC](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995/4 "2020-02-20T04:47:39Z")

</div>

Thanks for the more appropriate title.  
Your workaround of putting a text widget over the slider with no name works for me.

---

<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:** [20 February 2020 08:54 UTC](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995/5 "2020-02-20T08:54:14Z")

</div>

There could be an option if someone is willing to write the code and offer up a Pull Request.  
As it would fit over two cells it would end up looking like the text widget plus slider anyway, so I'm not feeling the need personally.

---

<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:** [21 March 2020 08:54 UTC](https://discourse.nodered.org/t/slider-appearance-slider-gets-shorter-when-label-gets-longer/21995/6 "2020-03-21T08:54:20Z")

</div>

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