# \[UX\] amélioration de l'affichage des données sur une ligne

**URL:** <https://community.gladysassistant.com/t/ux-amelioration-de-laffichage-des-donnees-sur-une-ligne/9861>\
**Category:** Configuration\
**Created:** [Décembre 10, 2025, 8:28 UTC](https://community.gladysassistant.com/t/ux-amelioration-de-laffichage-des-donnees-sur-une-ligne/9861 "2025-12-10T20:28:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mutmut](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/mutmut/32/14064_2.png) [@mutmut](https://community.gladysassistant.com/u/mutmut)\
**Post date:** [Décembre 10, 2025, 8:28 UTC](https://community.gladysassistant.com/t/ux-amelioration-de-laffichage-des-donnees-sur-une-ligne/9861/1 "2025-12-10T20:28:11Z")

</div>

Hello,  
je viens de remarquer que les chiffres à virgules et leurs unités sont sur 2 lignes alors que les chiffres ronds sont sur une ligne :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/a/f/afacae27abf209bc3cbd032dc33d6e2c389ac0dc.png)  
Par contre je n’ai pas ça sur d’autres unités :  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/f/2/f2ffac755fee7b24af6bde3cc998ddd33ccbde49.png)  
J’ai aussi le même comportement avec des chiffres ronds :  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/a/2/a2000d54e26c9990995b7be8095281922eddb7f7.png)

De ce que j’ai trouvé, ce serait ce code qui serait à l’origine de la taille :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/e/2e518c02722dbf227717d4c13f4cde709a7fe597.png)

J’ai aussi des affichages bizarre de ce style où je suis obligé de scroller à l’horizontale pour voir l’ensemble :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/7/9/7907505e4bc7f3f1425f2cba753de87ce051d4a6.png)  
Et le code serait :  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/1/2/121220c42d1ec89da1a2ea117e64d7bd55f8bf7a.png)

Merci d’avance.

---

<div class="post-metadata">

**Author:** ![mutmut](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/mutmut/32/14064_2.png) [@mutmut](https://community.gladysassistant.com/u/mutmut)\
**Post date:** [Décembre 10, 2025, 8:42 UTC](https://community.gladysassistant.com/t/ux-amelioration-de-laffichage-des-donnees-sur-une-ligne/9861/2 "2025-12-10T20:42:59Z")

</div>

Dans ce post, on voit qu’il y aussi quelques soucis d’alignement des textes :

> [@Discussion sur la largeur de la page "tableau de bord" et "Scène"](https://community.gladysassistant.com/t/discussion-sur-la-largeur-de-la-page-tableau-de-bord-et-scene/9852/9):
>
> On peut voir aussi qu’il y a une difference sur l’alignement du texte à gauche
> 
> ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/3/934b9367bd64989bbb3a159deeb630f000da6eb0.png)

et j’ai aussi la même chose sur 3 colonnes :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/3/c/3c28e237d0474bc62f5a2314f57250d73ea9b815.png)  
et c’est encore plus flagrant sur 2 colonnes :  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/0/807e91c0fa40e2f1a48f8a39bdc5a8844248546c.png)

---

<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:** [Décembre 11, 2025, 8:05 UTC](https://community.gladysassistant.com/t/ux-amelioration-de-laffichage-des-donnees-sur-une-ligne/9861/3 "2025-12-11T08:05:38Z")

</div>

Salut !

Cette vue fonctionne en 3 colonnes qui doivent avoir la même taille pour que ce soit visuellement propre.

C’est la longueur de ton appareil avec le titre le plus long qui détermine la taille de la colonne du milieu :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/e/e/ee12b7e90a56a142ecafe83402b1d1306a45e3c6.png)

Tu verras que si tu renommes «&nbsp;NetIn (Température - Minimum in Undefined)&nbsp;» en quelque chose de plus court, ça devrait ajuster tout l’affichage 🙂

Si tu as une solution en CSS qui marche mieux, je suis preneur. J’ai essayé plusieurs fois de changer comment ça fonctionnait mais je n’ai jamais réussi, c’est un équilibre complexe qui dépend de la donnée affichée 🙂