# Réduire les valeurs des échelles des widgets de température

**URL:** <https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429>\
**Category:** Demandes livrées\
**Tags:** feature-request-ux\
**Created:** [Octobre 29, 2023, 8:01 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429 "2023-10-29T20:01:44Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![GBoulvin](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/gboulvin/32/10006_2.png) [@GBoulvin](https://community.gladysassistant.com/u/GBoulvin)\
**Post date:** [Octobre 29, 2023, 8:01 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/1 "2023-10-29T20:01:44Z")

</div>

**Feature description**  
Actuellement, le widget ‹&nbsp;température de la pièce&nbsp;› change de couleur en fonction de seuils standards ou personnalisés.  
Malheureusement, seul un écart de 10°C minimum peut être défini.  
Ne pourrait-on accepter des écarts plus petits étant donné que par exemple, dans le salon, une température idéale serait comprise entre 19 et 23°C plutôt qu’entre 17 et 27 (18-28, 19-29…) tel que possible actuellement ?

 ![Screenshot_20231029_210039_com.android.chrome](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/048d78170778abe5a9aacc4c9dd68cb36edd02a6.jpeg)

---

<div class="post-metadata">

**Author:** ![cicoub13](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/cicoub13/32/4482_2.png) [@cicoub13](https://community.gladysassistant.com/u/cicoub13)\
**Post date:** [Octobre 29, 2023, 8:20 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/2 "2023-10-29T20:20:12Z")

</div>

Je pensais que c’était un bug, mais c’est volontaire. Donc très bonne idée.

> <https://github.com/GladysAssistant/Gladys/blob/45c2f076841b25c00deb3cb8e74bf6ef5836d532/front/src/components/boxs/room-temperature/EditRoomTemperatureBox.jsx#L54>

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Octobre 30, 2023, 8:45 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/3 "2023-10-30T08:45:54Z")

</div>

@Lokkye Tu te souviens pourquoi tu as mis une distance minimale de 10 ? 🙂

---

<div class="post-metadata">

**Author:** ![Lokkye](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lokkye/32/5881_2.png) [@Lokkye](https://community.gladysassistant.com/u/Lokkye)\
**Post date:** [Octobre 30, 2023, 8:59 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/4 "2023-10-30T08:59:50Z")

</div>

@pierre-gilles Sur les petits écrans l’affichage des valeurs passées les unes au dessus des autres et c’était pas bien jolie

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Octobre 30, 2023, 9:01 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/5 "2023-10-30T09:01:38Z")

</div>

Ok ! Est-ce qu’il y a moyen de faire différemment pour que ce soit possible ?

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Octobre 30, 2023, 9:53 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/6 "2023-10-30T09:53:10Z")

</div>

J’avais remarqué la même chose et j’ai l’impression que pour éviter trop de prise de tête il faudrait changer ce slider unique pour en faire 2 :

Seuil bas : de -20 à X (défini par l’utilisateur en bougeant le slider)  
Ce slider serait Bleu sur la gauche et vert sur la droite

Et seuil haut : de X à 50  
Ce slider serait vert sur la gauche et rouge sur la droite.

Qu’en dites-vous ? Sinon ce sera toujours illisible à mon avis.

---

<div class="post-metadata">

**Author:** ![Hizo](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/h/51bf81/32.png) [@Hizo](https://community.gladysassistant.com/u/Hizo)\
**Post date:** [Octobre 30, 2023, 3:41 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/7 "2023-10-30T15:41:26Z")

</div>

Ca serait dommage car il est vraiment sympa visuellement

---

<div class="post-metadata">

**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\
**Post date:** [Octobre 30, 2023, 3:54 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/8 "2023-10-30T15:54:53Z")

</div>

> [@cicoub13](#):
>
> ```auto
> minDistance={10}
> max={unit === DEVICE_FEATURE_UNITS.CELSIUS ? 50 : 122}
> min={unit === DEVICE_FEATURE_UNITS.CELSIUS ? -20 : -4}
> 
> ```

L’idéal serait de pouvoir définir soi-même le minDistance, le min et le max

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Octobre 30, 2023, 4:20 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/9 "2023-10-30T16:20:24Z")

</div>

Oui mais ça ne résout pas le problème de la lisibilité. Car si les boutons sont proches, alors l’un empiète sur l’autre.  
Ou alors il faudrait afficher une valeur au dessus de la barre de slider et l’autre en dessous… mais je suis pas sûr que ce soit très clean niveau UI

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [Octobre 30, 2023, 6:53 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/10 "2023-10-30T18:53:42Z")

</div>

> **[Range Slider interaction](https://dribbble.com/shots/13915508-Range-Slider-interaction)**
>
> Range Slider interaction designed by Dropinks Blog. Connect with them on Dribbble; the global community for designers and creative professionals.

Apres ce genre de problématique leboncoin ou se loger (des exemples parmis dautre) gerent avec du double inputs

 ![Screenshot_20231030_200519_Chrome](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/e/e1ac19cc953104089ae737ee42a9fa615e44dc14.jpeg)  
 ![Screenshot_20231030_200444_Chrome](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/4/4743bd1effd3fcfee800a124454993f0a909676c.jpeg)

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Octobre 31, 2023, 8:42 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/11 "2023-10-31T08:42:09Z")

</div>

Le slider avec textes au dessus et en dessous rend plutot bien dans ton exemple je trouve 🙂  
Ca fait toujours moins austère que des inputs. A voir si ça peut s’intégrer comme il faut dans l’UI de G;adys !

---

<div class="post-metadata">

**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\
**Post date:** [Octobre 31, 2023, 9:10 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/12 "2023-10-31T09:10:43Z")

</div>

Le range slider est joli (mais il y a t-il des couleurs comme dans les sliders actuels ?)

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [Octobre 31, 2023, 12:16 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/13 "2023-10-31T12:16:43Z")

</div>

J’ai l’impression que tu confonds.  
Ce nest qu’un exemple de ce qui peut etre fait par de vrais designer. Ce nest pas quelque chose a ajouter en claquant des doigts 🙂

En soit, la couleur ce nest que du css, et donc si quelqu’un refait ce type de slider, il aura juste a appliquer le theme souhaité ^^

Jespere que cest un peu plus clair ?

---

<div class="post-metadata">

**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\
**Post date:** [Octobre 31, 2023, 12:46 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/14 "2023-10-31T12:46:33Z")

</div>

comme c’est pas mon domaine de prédilection le html et le css mais je suis allé regarder les exemples de code, j’ai bien vu que c’était pas juste en claquant des doigts (curieusement c’est en html que c’est le plus simple 🙂) mais cela me paraissait pas trop ardu non plus ! 😉  
Mais n’ayant pas mis les mains dans le cambouis de Gladys…

https://codepen.io/dropinks/embed/preview/MWKRNGG?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=MWKRNGG

---

<div class="post-metadata">

**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\
**Post date:** [Octobre 31, 2023, 6:24 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/15 "2023-10-31T18:24:40Z")

</div>

Apres cest comme tout ca depend du temps de chacun mais hesite pas si tu veux tenter d’implémenter il y a des gents compétent pour taider 😉

---

<div class="post-metadata">

**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\
**Post date:** [Octobre 31, 2023, 7:17 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/16 "2023-10-31T19:17:18Z")

</div>

Oula, pour l’instant je me familiarise avec l’environnement et c’est du taf (mes 1ers sites web date un peu…1998 sous frontpage 98, on rigoles pas ! 🚑) mais je tenterais quand même ca peut pas être plus dur que de l’assembleur sous ZX81 ! 😉

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Janvier 31, 2025, 11:20 UTC](https://community.gladysassistant.com/t/reduire-les-valeurs-des-echelles-des-widgets-de-temperature/8429/17 "2025-01-31T11:20:26Z")

</div>

Corrigé dans Gladys Assistant 4.52.0 :

> [@Gladys Assistant 4.52.0 : Améliorations UX à la pelle!](https://community.gladysassistant.com/t/gladys-assistant-4-52-0-ameliorations-ux-a-la-pelle/9349):
>
> Salut à tous ! On vous a écouté blush Je sors aujourd’hui Gladys Assistant 4.52.0, une version qui apporte pas mal de correctifs sur l’expérience utilisateurs. Changements : • Création de scène : Correction d’un bug où les caractères spéciaux en fin de titre de scène empêchait la création de la scène (@Pierre-Gilles) • Graphiques : Correction des problèmes de fuseau horaire, détecté par @lmilcent au Canada. (@Pierre-Gilles) • Validation des utilisateurs : Correction d’un problème lors de…
