Espacement et saut de ligne

Tags: #<Tag:0x00007fbda2a19bb0>

Bonjour

Je commence à bosser sur mes widgets, en utilisant le multistate du core.

Je rencontre deux soucis qui, je pense, ne sont rien du tout, mais cela fait un bout de temps que je m’arrache les cheveux (les virtuels montré ici est juste fait pour le test, il ne sert à rien pour l’instant).

Pour le premier, voici le virtuel:

waze-virt

Voici le widget appliqué sur les ID 9 et 10:

wid

Le code est le suivant:

<span style="font-size: 10px; color: grey;">#value#</span>

Voici le widget appliqué sur les ID 8 et 11(qui permet le changement de couleur de police selon la valeur),:

waze-wid

Voici le code pour la valeur < 50 (c’est le même pour les autres, avec la valeur qui change):

<img src="data/img/aller.png"/><span style="font-size: 10px; color: blue;">#value#</span><span style="font-size: 10px; color: grey;"> #unite#</span>

Je voudrais mettre un saut de ligne entre la ligne de texte et la ligne avec la voiture. Actuellement le widget est comme ceci:

wid2

Et je voudrais qu’il soit comme ceci:

wid3

Je suis sûr que c’est un truc idiot, mais je ne trouve pas quoi…

Mon second problème:

Il s’agit d’un problème d’espacement. J’ai un virtuel avec 4 infos, sur lesquelles j’ai apppliqué un widget multistate. Voici le virtuel:

edfvirt

Le widget:

39

Et le code:

<span style="display: inline-block; line-height: 0px; font-size: 10px; color: grey;">#name_display#</span><br><span style="display: inline-block; line-height: 0px; font-size: 10px; color: blue;">#value# #unite#</span>

Le résultat actuel est le suivant:

edfwid

Et j’aimerais qu’il ressemble à cela (avec des écarts réduits entre les éléments):

fin

Encore une fois, je psuis persuadé que c’est un bête problème, mais je ne trouve pas, malgré tous mes essais.

Merci d’avance de votre aide et bon dimanche à tous :slight_smile:

Une balise < br > ?

C’est le premier truc que j’ai essayé mais cela ne fonctionne pas.
Je pense que ceci est dû au fait qu’il s’agit de deux infos séparées non?

Je viens de creer un widget test juste pour verifier et ca a fonctionne:
image

<img src="data/img/aller.png"><br><span style="font-size: 10px; color: blue;">#value#</span><span style="font-size: 10px; color: grey;"> #unite#</span>

Bonjour

Je pense que je me suis mal exprimé :slight_smile:

Si on prend le virtuel, l’ID 9 (ALLER) me donne A75,A750 et l’ID 8 (TPS-ALLER) me donne les minutes. Pour l’ID8, pas de problème j’ai ma petite voiture avec les minutes à coté.
Par contre, sur la capture, on voit que le A75,A750 est à côté de la voiture et les minutes, et je le voudrais au dessus.
La balise
fonctionne, mais s’il s’agit de la même info, et ce n’est pas le cas ici. En image, au lieu de ceci:

25

Je voudrais cela:

12

Je ne sais pas si j’ai été clair dans mes explications…

Merci d’avance :slight_smile:

Pas sur de bien comprendre, mais bon, je tente quand meme une proposition: as-tu essaye de faire une mise en forme avec un tableau?