Sachant que le code entré dans les cases « choisir » est du html, par conséquent les propriétés css s’appliquent.
Ainsi pour faire encore plus customisé tu peux après la balise < img src … > ajouter une balise div comme ceci :
<div style="color:rgba(32, 32, 32, 0.8)!important; background-color : rgba (255,0,0,1) !important; margin : -25px 0 0 0!important ; transform: scale(0.7)!important; text-align: center!important;"> "Texte avant" #value# "Texte Après" </div>
color:rgba(r, v, b , t) : la couleur du texte souhaitée avec les composantes rouge r (entier de 0 à 255) , vert v (entier de 0 à 255), bleu b (entier de 0 à 255) et la transparence t (décimal) de 0 (complètement transparent) à 1 (opaque)
color-background:rgba(r,v, b , t) : la couleur de fond du texte
margin : haut , droite, bas, gauche : les marges (en pixel ou en em ou en % mixable à souhait) pour le positionnement du « div » dans le widget (ça permet de placer ton texte là où tu le souhaites sans faire de saut de paragraphe avant ou après le widget)
Transform scale (x) : pour le fun ça permet de mettre une échelle à ton texte et de le grossir (x >1) ou de le réduire (x<1)
text-align : center : alignement du texte dans sa « boite » div. Ici centré. On peut aligner à gauche , à droite, …
Tu peux bien sur ajouter d’autres propriété de style css pour satisfaire ton besoin en piochant dans le standard W3 CSS (par exemple si tu veux appliquer une fonte particulière, faire une animation, un dégradé de couleur, …). Tu peux aussi en enlever si tu ne veux pas customiser autant.
(Par exemple moi j’ai ajouté sur l’image (pour des besoins de test uniquement ) … une iframe qui contient une vidéo format timbre poste . Bon c’est sûr que sur un RPI ça le met à genoux mais sur un NUC intel ca roule plein pot.)
"Texte Avant/Après " : écris ici le texte que tu souhaites voir précéder/suivre la valeur numérique, pas besoin de mettre des " autour de ton texte (ça va sans le dire mais c’est mieux en l’écrivant).
En pratiquant ainsi on conserve les widgets core sans avoir à écrire du code qui pourrait être incompatible ou non maintenu dans les prochaines releases de Jeedom.
Il y a quelques limites , notamment le fait que l’on ne peut pas utiliser de variables autres que celles prédéfinies par Jeedom (value, name, …). Donc c’est bien pour du custom d’affichage mais pas plus. Au delà il faut créer ses propre widgets avec l’excellent plugin tools