Placement image dans un virtuel

Bonjour,
J’ai créé un virtuel qui fait la moyenne de température. J’y ai ajouter un widget personnalisé avec une image, le problème est que la valeur est en dessous de l’image et je souhaiterai avoir l’image à gauche et la valeur a droite :

logo rafraichissement.PNG

merci de votre retour.

Bonjour,

Sur quel version de jeedom est tu ?

4.1.22 je l’ai installer en début de semaine

Ok alors j’espère que tu n’utilise pas le plugin-widget

qui n’a plus lieu d’être en version 4

merci de changer la catégorie et le tag du sujet.

Si j’utilise le plug-in widget, c’est ce que j’ai trouvé dans les tutos, la question est alors, comment mettre une image différente des choix proposés ? exemple je voudrai mettre un thermometre à gauche de ma valeur de température.
Je change la catégorie

Bonsoir,
Tout d’abord, tu dois absolument désinstaller le plugin Widget qui est incompatible avec la V4.
Ensuite, pour faire ce que tu veux, il y a plusieurs possibilités.
La plus simple serait d’jtiliser un widget type iconinfo et adapter le code.
Encore faut-il savoir adapter le code bien sûr.

Salut,

En V4, les widgets sont gérés par le core dès que c’est possible.
Documentation Jeedom - Les widgets

Plusieurs sujets sur le forum traitent spécifiquement de ta demande, par exemple :

Merci pour vos retours, en faite je n’ai pas installé le plug in widget, mais j’utilise la section widget intégré dans le menu outils.
j’ai suivis ce qu’il a été dit dans le lien donner, et je reviens au début de mon sujet, j’ai bien mon image, mais ma valeur est en bas, je souhaiterai qu’elle soit à droite de l’image.

Le mieux serait de montrer le code que tu as inséré pour afficher l’image et la valeur par l’outil du core alors ?

Pour te donner une idée :

1 « J'aime »

Essaie la disposition tableau (2 colonnes 1 ligne) et déplace tes objets dans la bonne case.

super cette option, ça va m’aider ça, juste besoin d’être guider pour le premier placement, j’ai ça :


Le code dans une balise code et pas une capture d’écran serait plus utile…

Elle est fermée la balise </span> ?

PS: le tableau ne servira à rien car il n’y a qu’une seule commande.

Sauf s’il fait un virtuel de son équipement avec une info contenant l’image d’une part et son info température dans une autre.
Je n’ai jamais testé mais à voir.

Merci de vos retours, mais je suis un peu perdu. Je fais pas du tout de CSS et c’est juste des informations que j’ai trouvé en recherchant.
Je souhaite juste avoir le logo que vous pouvez voir dans mes posts plus haut avec la température à droite.
Pouvez-vous dans ce cas m’expliquer la marche à suivre complète ?
le code est :

<img class='img-responsive' src='data/img/Icones/Couleur/temp2.png'> <span style="font-size:20px!important;"> #value##unite#

Salut,

Est-ce mieux avec ce code ? :

<img class='img-responsive' src='data/img/Icones/Couleur/temp2.png'> <span style="font-size:20px!important;"> #value##unite# </span>

Non, cela ne change rien du tout.

Pas trop le temps de creuser plus en détail mais tu peux te baser là-dessus pour augmenter la largeur du widget et ainsi lui permettre d’afficher l’image et la valeur côté à côte :

<div style="min-width:130px;font-size:20px!important;"><img class='img-responsive' src='data/img/Icones/Couleur/temp2.png'>#value##unite#</div>

Non, toujours pas, ça ma décalé l’ensemble un peu vers la gauche :
test1
Je pense que mon image et ma commande son indisociable.
J’aurais plutot besoin de savoir comment ajouter une image simple, car la c’est le widget de ma commande que je change dans mon virtuel.
Ne pourrais je par créer un virtuel avec une image + une commande indiquant juste la valeur à côté.
Mais comment ajouter simplement une image.

augmente la largeur : min-width:150px pour tester.

Après ça ne s’invente pas donc si tu veux savoir comment arriver à tes fins il faudrait à minima lire un cours/tutoriel sur le CSS.

Salut,
Regarde parmi les widgets de @JAG, il y en a un qui t’affiche le logo du thermomètre avec les valeurs à côté. Le côté étant paramétrable (haut, bas, droite ou gauche)

1 « J'aime »