Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

Widget Badge

Réservé à l'utilisation et la création de widgets dans JEEDOM
OUARZA
Timide
Messages : 298
Inscription : 13 févr. 2019, 08:10

Widget Badge

Message par OUARZA » 14 août 2019, 11:08

Bonjour à tous,
Je galère vraiment pour faire un widget où je modifie la taille de la police.
Je me suis inspiré du code ici https://github.com/jeedom/core/blob/alp ... badge.html
Problème, malgré que je masque le nom dans les paramètres de la commande, le nom s'affiche quand même au niveau du widget.

Où est mon erreur ?
Pouvez-vous m'aider ?
Merci

Code : Tout sélectionner

<div style="min-width : 20px;" class="cmd #history# container-fluid tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#" data-eqLogic_id="#eqLogic_id#">
  <div class="title #hide_name#">
        <div class="cmdName">#name_display#</div>
  </div>
  <div class="content-sm">
<!-- retrait label-info dans le class pour supprimer le fond bleu -->
    <span style="color:#ffffff; font-weight: bold;font-size : 40px;" class='label state'></span>
  </div>
  <div class="cmdStats #hide_history#">
    <div class="col-xs-12 center-block">
<!--      <span title='Min' class='tooltips'>#minHistoryValue#</span>|<span title='Moyenne' class='tooltips'>#averageHistoryValue#</span>|<span title='Max' class='tooltips'>#maxHistoryValue#</span> <i class="#tendance#"></i> -->
    </div>
  </div>
  <script>
    jeedom.cmd.update['#id#'] = function(_options){
      $('.cmd[data-cmd_id=#id#]').attr('title','Date de valeur : '+_options.valueDate+'<br/>Date de collecte : '+_options.collectDate)
      $('.cmd[data-cmd_id=#id#] .state').empty().append(_options.display_value +' #unite#');
    }
    jeedom.cmd.update['#id#']({display_value:'#state#',valueDate:'#valueDate#',collectDate:'#collectDate#',alertLevel:'#alertLevel#'});
  </script>
</div>
widget.PNG
widget.PNG (20.62 Kio) Consulté 406 fois

winhex
Actif
Messages : 3799
Inscription : 23 janv. 2015, 01:41

Re: Widget Badge

Message par winhex » 14 août 2019, 12:24

bonjour rapidement
reprend cette partie
<div class="title #hide_name#">
<div class="cmdName">#name_display#</div>
</div>
car tu reprends sur github le lien de la branche alpha
change en master et tu auras
<div style="font-weight: bold;font-size : 12px;#hideCmdName#">#name_display#</div>
que tu peux supprimé si tu ne veux pas voir
sauf si tu veux réutilisé se widget ailleurs avec le nom visible
pour t'aider a comprendre tu peux aussi en gardant le code alpha
et en paramètre tu mets
hide_name
avec display:none;
exemple avec hideCmdName
viewtopic.php?f=135&t=41016&p=739568&hi ... me#p739568
ps
une petite vidéo pour te familiariser avec d'autres bidouilles basic
https://youtu.be/dAEL_Zz7y9I

OUARZA
Timide
Messages : 298
Inscription : 13 févr. 2019, 08:10

Re: Widget Badge

Message par OUARZA » 14 août 2019, 13:48

Bonjour winhex,
Merci beaucoup pour ton aide.
Je n'avais jamais remarqué que je pouvais basculer de "branche".
Du coup, avec le master j'ai pu faire les bonnes modifications.
Au top, merci beaucoup.
Mathieu

Répondre

Revenir vers « [Plugin officiel] Widgets »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 24 invités