# Afficher l'heure sur le dashboard **URL:** \ **Category:** Demandes livrées\ **Tags:** feature-core\ **Created:** [Mars 16, 2022, 10:41 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071 "2022-03-16T22:41:04Z")\ **Posts on this page:** 20\ **Page:** 2
**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:** [Avril 29, 2022, 8:36 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/21 "2022-04-29T08:36:54Z")
@Lokkye le design de @VonOx est bien mieux pour l’affichage numérique. Pour l’affichage analogique, pourquoi pas, à voir comment ça rend une fois que tu l’as stylisé, il faut que ça s’intègre bien au reste du dashboard. Je pense par exemple aux couleurs, là le noir et le rouge sont très puissant (c’est un #00000 probablement), il faudra intégrer les couleurs du thème pour que ça se fonde bien dans le thème. A voir aussi pour que la box ne soit pas trop vide, la date peut servir pour remplir à gauche, exemple: ![26f2e0ac832185ffa2ddc22b46d9272a](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/1/14af374233401dcfed15e961049ed5140471e02a.png) (Je parle juste de placement hein, pas la couleur 😛 ) ---
**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\ **Post date:** [Avril 29, 2022, 11:10 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/22 "2022-04-29T11:10:23Z")
![](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/7/7accc0b776023a66066622d978a2b688a418fde2.gif) > [@pierre-gilles](#): > > Je parle juste de placement hein, pas la couleur J’aime bien moi ---
**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:** [Mai 1, 2022, 7:37 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/23 "2022-05-01T07:37:02Z")
Voici ce que cela donne avec les bonnes couleurs et la date : ![Screenshot 2022-05-01 at 09.34.53](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/7/75cdf821039338a380501f1fba0bee14e5efb975.png) ![Screenshot 2022-05-01 at 09.34.35](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/9/9328dc2aa50c26538773bce2affb8574c4b03c3f.png) Qu’est ce que vous en pensez ? ---
**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\ **Post date:** [Mai 1, 2022, 7:47 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/24 "2022-05-01T07:47:13Z")
Propre, j’aime bien ---
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [Mai 1, 2022, 9:20 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/25 "2022-05-01T09:20:20Z")
Nice !! C’est propre. ---
**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\ **Post date:** [Mai 1, 2022, 7:07 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/26 "2022-05-01T19:07:55Z")
Je confirme si on pouvais avoir ça dans les prochaines MAJ ça serait top ! ---
**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:** [Mai 2, 2022, 8:09 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/27 "2022-05-02T08:09:44Z")
> [@Lokkye](#): > > Qu’est ce que vous en pensez ? Très propre 🙂 Il y a peut-être des petite finitions à faire sur le placement et la taille de la date à gauche, mais sinon j’aime bien, c’est super propre. L’horloge elle vient d’où ? C’est pas une lib de 200Ko j’espère ? 😁 ---
**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:** [Mai 2, 2022, 8:26 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/28 "2022-05-02T08:26:03Z")
> [@pierre-gilles](#): > > Très propre 🙂 Il y a peut-être des petite finitions à faire sur le placement et la taille de la date à gauche, mais sinon j’aime bien, c’est super propre. N’hésite pas à faire des retours, je sais que je ne suis pas très bon en design et graphisme 🙂 > [@pierre-gilles](#): > > L’horloge elle vient d’où ? C’est pas une lib de 200Ko j’espère ? 😁 L’horloge viens de la lib : [https://www.npmjs.com/package/react-clock](https://www.npmjs.com/package/react-clock) Elle ne fait que 67 kB 🙂 ---
**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:** [Mai 4, 2022, 7:45 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/29 "2022-05-04T19:45:26Z")
Très joli !! J’aime bien ---
**Author:** ![Psoy](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/psoy/32/9005_2.png) [@Psoy](https://community.gladysassistant.com/u/Psoy)\ **Post date:** [Mai 4, 2022, 8:26 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/30 "2022-05-04T20:26:09Z")
Bonsoir Ça me va aussi super merci ---
**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 16, 2022, 5:47 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/31 "2022-12-16T05:47:23Z")
Salut @Lokkye ! J’ai vu que tu avais mis à jour ta PR, est-ce que tu as besoin d’une nouvelle review ? 🙂 ---
**Author:** ![Noj](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/n/258eb7/32.png) [@Noj](https://community.gladysassistant.com/u/Noj)\ **Post date:** [Décembre 16, 2022, 8:18 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/32 "2022-12-16T08:18:10Z")
J’allais justement poser la question si on pouvait avoir l’heure sur le dashboard. Du coup j’ai hâte de voir ce que ça va donner. 🙂 ---
**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:** [Décembre 16, 2022, 3:05 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/33 "2022-12-16T15:05:29Z")
Oui, je suis toujours preneur pour une review 🙂 ---
**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 17, 2022, 8:07 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/34 "2022-12-17T08:07:59Z")
Review faites, la PR est vraiment bien pour moi à part juste un feedback en terme de design 🙂 La PR a été développée en Mai quand le mois était un petit nom de mois, hors là on est en décembre, et je trouve que le mois fait un peu gros: ![Screenshot 2022-12-17 at 15.00.44](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/7/7e3bbda6fd47081705c78283d3731e382d14097a.png) L’espace entre « 17 » et « Décembre » est un peu bizarre non ? Mais sinon, je trouve que c’est vraiment abouti, bravo 👏 ---
**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:** [Décembre 17, 2022, 8:52 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/35 "2022-12-17T08:52:35Z")
Merci beaucoup pour la review 👍 J’ai réduit la taille du texte de la date car je n’avais pas prévu les « grandes » date. ![Screenshot 2022-12-17 at 09.38.21](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/5/54fef9f8ae2070dd5dd94382244934f84ec83ae9.png) J’ai aussi fait les changement pour les constantes inutile dans le backend. ---
**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 18, 2022, 8:36 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/36 "2022-12-18T08:36:35Z")
Super! Tout est bon pour moi niveau code, par contre j’ai remarqué un truc quand l’heure numérique est affichée avec les secondes, il y a une sorte de « glitch » à chaque seconde car la police de caractère utilisée n’est pas « monospace » (chaque caractère n’a pas une taille fixe) C’est vraiment un petit truc mais à mon avis ça va rendre fou certain aha: [https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/c/c5ea8d68c45ad115a42726f67f0887f172999108.mp4](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/c/c5ea8d68c45ad115a42726f67f0887f172999108.mp4) Ca serait cool de trouver une font monospace pour pas que ce décalage se produise 🙂 Je regarde dans le thème si il y en a une… ---
**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 18, 2022, 8:38 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/37 "2022-12-18T08:38:33Z")
Je trouve ça dans le thème: ```auto --font-family-monospace: Monaco, Consolas, "Liberation Mono", "Courier New", monospace; ``` Je vais faire des tests 🙂 ---
**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 18, 2022, 8:42 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/38 "2022-12-18T08:42:01Z")
Si on met la class « .text-monospace », le thème nous propose: ![Screenshot 2022-12-18 at 15.40.45](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/f/f410a7209af76f58ebd1cc18b140901cf69326a5.png) (Et le glitch est bien absent) Cf: ![Screenshot 2022-12-18 at 15.41.20](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/4/435557abab2090976f431088ad7c1f2ab5e29e73.png) Vous en pensez quoi ? Moi j’aime bien 🙂 ---
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [Décembre 18, 2022, 11:19 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/39 "2022-12-18T11:19:21Z")
C’est simple et efficace. C’est ce qu’il faut. Je la mettrais en place. J’aime bien le côté vintage de la typo. ---
**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:** [Décembre 18, 2022, 1:39 UTC](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071/40 "2022-12-18T13:39:04Z")
Perso j’adore ce genre de font, donc je valide 🙂 [Page précédente](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071.md?page=1) [Page suivante](https://community.gladysassistant.com/t/afficher-lheure-sur-le-dashboard/7071.md?page=3)