Aujourd'hui, nous avons, afin de faciliter la lecture de l'identifiant bâtiment (chaine de 12 caractères composé de certains chiffres et certaines lettres), ajouté des tirets à l'affichage.
Il s'avère que ces tirets, bien que pratique, induisent en erreurs nos utilisateurs sur le format de l'identifiant, est ce qu'il contient des tirets ou non ? Et d'ailleurs, comme la suggestion via la fonction copy les garde, cela amène à penser que l'identifiant contient des tirets, alors que ce n'est pas le cas.
Suite à une discussion interne, l'idée serait d'afficher l'id sans les tirets et afin de garder de la lisibilité, en affichant chaque bloc de 4 caractères dans une couleur différents, par exemple qq chose comme ceci
(et ne pas mettre d'espace entre les texte comme dans ce mauvais exemple:))
Exemples de couleurs sétectionnées via le color helper
fr.colors.getHex({ isDark: true }).decisionstext.inverted.blueFrance.default
fr.colors.getHex({ isDark: true }).decisionstext.mention.grey.default
fr.colors.getHex({ isDark: true }).decisionstext.actionHigh.redMarianne.default
Hello !
Aujourd'hui, nous avons, afin de faciliter la lecture de l'identifiant bâtiment (chaine de 12 caractères composé de certains chiffres et certaines lettres), ajouté des tirets à l'affichage.
Il s'avère que ces tirets, bien que pratique, induisent en erreurs nos utilisateurs sur le format de l'identifiant, est ce qu'il contient des tirets ou non ? Et d'ailleurs, comme la suggestion via la fonction copy les garde, cela amène à penser que l'identifiant contient des tirets, alors que ce n'est pas le cas.
Suite à une discussion interne, l'idée serait d'afficher l'id sans les tirets et afin de garder de la lisibilité, en affichant chaque bloc de 4 caractères dans une couleur différents, par exemple qq chose comme ceci
(et ne pas mettre d'espace entre les texte comme dans ce mauvais exemple:))
Exemples de couleurs sétectionnées via le color helper fr.colors.getHex({ isDark: true }).decisionstext.inverted.blueFrance.default fr.colors.getHex({ isDark: true }).decisionstext.mention.grey.default fr.colors.getHex({ isDark: true }).decisionstext.actionHigh.redMarianne.default
A disposition pour en discuter, Merci beaucoup !