Reduce the scale values of temperature widgets

[Archive] Feature request
1

Feature description
Currently, the ‹ room temperature › widget changes color based on standard or custom thresholds.
Unfortunately, only a minimum difference of 10°C

2

I thought it was a bug, but it’s intentional. So very good idea.

2 Likes
3

@Lokkye Do you remember why you set a minimum distance of 10? :slight_smile:

4

@pierre-gilles On small screens the values were displayed on top of each other and it didn’t look very nice

5

Ok! Is there any way to do it differently so that it’s possible?

6

I had noticed the same thing and I feel that, to avoid too much of a headache, this single slider should be changed into two:

Lower threshold: from -20 to X (defined by the user by moving the slider)
This slider would be blue on the left and green on the right

And upper threshold: from X to 50
This slider would be green on the left and red on the right.

What do you think? Otherwise it’ll still be unreadable in my opinion.

7

It would be a shame because it’s really visually appealing.

8

Ideally, it would be possible to set the minDistance, min and max yourself.

9

Yes, but that doesn’t solve the readability problem. Because if the buttons are close, one will overlap the other.
Or we’d have to display one value above the slider bar and the other below… but I’m not sure that’s very clean UI-wise.

10

https://dribbble.com/shots/13915508-Range-Slider-interaction

After this kind of issue, leboncoin or SeLoger (examples among others) handle it using dual inputs

Screenshot_20231030_200519_Chrome
Screenshot_20231030_200519_Chrome1440×1594 166 KB

![Screenshot_20231030_200444_Chrome

2 Likes
11

The slider with texts above and below looks pretty good in your example, I think :slight_smile:
It’s always less austere than input fields. We’ll see if it can integrate properly into G;adys’ UI!

12

The range slider is nice (but are there colors like in current sliders?)

13

I feel like you’re getting confused.
It’s only an example of what real designers can do. It’s not something you can add with a snap of your fingers :slight_smile:

In itself, the color is just CSS, so if someone recreates this type of slider, they’ll just have to apply the desired theme ^^

Hope that’s a bit clearer?

14

since HTML and CSS aren’t my strong suit, I went to look at the code examples; I could clearly see that it wasn’t something done by snapping your fingers (curiously it’s in HTML that it’s the simplest :slight_smile:) but it didn’t seem too hard either! :wink:
But I haven’t gotten my hands dirty with Gladys…

https://codepen.io/dropinks/pen/MWKRNGG

1 Like
15

After that, it’s like everything else — it depends on everyone’s time, but don’t hesitate: if you want to try implementing it, there are competent people to help you :wink:

1 Like
16

Whoa, for now I’m getting familiar with the environment and it’s a lot of work (my first websites date back a bit…1998 using FrontPage 98, no kidding! :ambulance:) but I’ll try anyway — it can’t be harder than assembly on the ZX81! :wink:

17

Fixed in Gladys Assistant 4.52.0: