Position absolute dans virtuel

Utilisation du core de Jeedom Widgets
1

Bonjour,
J’ai un texte que je veux superposer à une image. En utilisant la position absolute ca fonctionne bien. Seulement, si je supprime le nom du virtuel dans ma vue design tout se decale. J’ai donc un widget sur le dashboard qui marche et sur la vue design ca se decale. (Car je masque le nom)

Dois je faire deux widgets ou y a t’il une meilleure solution ? Par exemple savoir si on est sur le design ou sur le dashboard au niveau du script ?

Merci

2

Salut,

Je dois regarder ça ce soir pour un de mes widgets qui a le même défaut en V4.

J’aurais donc sûrement une réponse à te fournir ce soir :wink: Tu peux même partager le code de ton widget pour que je puisse tester avant…

3

Oh c’est juste le debut de mon widget, j’essaye de comprendre le fonctionnement même si je comprends pas tout ce que je fais :rofl::joy:

<div class="cmd #history# Wg_Etat_Temperature-#id#" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
      
  <center>
    	<div><img class="img imgEtat_Temperature" src="data/customTemplates/dashboard/Temperature.png" style="width: 140px;height: 140px;"/></div>
        <div class="value-temp#id#" style="position:absolute;top:63px; left:90px; height:20px; z-index:2;font-size:90%;font-weight: bold"></div> 
  </center>
  
  <script>

      jeedom.cmd.update['#id#'] = function(_options){ 

        	  // Mise en place valeur temperature
			  $('.cmd[data-cmd_uid=#uid#] .value-temp#id#').text(_options.display_value);
     
        	  // Mise a jour info
              $('.cmd[data-cmd_id=#id#]').attr('title','Valeur du '+_options.valueDate+', collectée le '+_options.collectDate);

          }

      	  jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
    

  </script>
  
</div>
4

Tu as reussi à faire quelque chose ? On peut detecter si on est sur le design dans le script sinon ?

5

petit up :grinning:

6

bonjour oui tu peux savoir si tu es sur design ou dashboard
via un find voir savoir si la class est visible

mais te casse pas la tete si demain le widget disparait
passe par un html api js
https://www.jeedom.com/forum/viewtopic.php?f=25&t=35100&p=776654#p776654

7

Via un find ? C’est à dire ?

8

recherche si
le nom du virtuel pas sa class/id est présent ou pas
https://api.jquery.com/find/

tu as aussi closest
https://api.jquery.com/closest/

9

je m’en sors pas, je sais pas quoi lui mettre en parametre. De quelle forme est le html d’un virtuel.
J’ai essayé de lister les elements du DOM pour voir le code html du virtuel mais je trouve pas le nom de sa classe… je suppose un genre de class=« Virtual toto » mais j’en sais rien.

10

Salut,

Tu peux essayer de mettre une position:relative à l’image:

<div><img class="img imgEtat_Temperature" src="data/customTemplates/dashboard/Temperature.png" style="position:relative;width: 140px;height: 140px;"/></div>
        <div class="value-temp#id#" style="position:absolute;top:63px; left:90px; height:20px; z-index:2;font-size:90%;font-weight: bold"></div>