Espacement et saut de ligne

Utilisation du core de Jeedom Widgets
1

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
waze-virt1409×376 132 KB

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

wid
wid1404×489 74.2 KB

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
waze-wid1404×545 104 KB

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
edfvirt1404×371 119 KB

Le widget:

39
391403×486 89.8 KB

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:

2

Une balise < br > ?

3

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?

4

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>
5

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:

6

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?

7

Bonsoir

Non je n’ai pas essayé avec un tableau, ca serait peut être plus simple (ou pas).
Mais j’aimerais bien y arriver sans tableau mais je n’y arrive pas…

8

Bonjour, et bonne année :slight_smile:

J’ai testé les tableaux et je parviens à régler l’espacement si je ne mets pas de widget. Dès que j’applique mon widget, je reviens à un espacement trop grand (idem pour l’espacement vertical entre deux colonnes). Je m’arrache les cheveux…

Si vous avez une idée, je prends :slight_smile: