Bonsoir à tous !
Je suis passé sur Jeedom V4, et j’ai réussi a refaire pas mal de mes widget mais je bloque sur une chose simple, mes information affichés sur mon Design de température des pieces, de consommation, info de la voiture électrique … étaient dans de jolies rectangles aux bords arrondis, et ils ne le sont plus !
Voici le code utilisé auparavant (pas de moi, je n’y connais pas grand chose en programmation)
<div style="padding:1px; min-width:110px; min-height:40px;" class="cmd #history# container-fluid tooltips cmd-widget" data-type="info" data-version="#version#" data-eqLogic_id="#eqLogic_id#" data-subtype="numeric" data-cmd_id="#id#" data-cmd_uid="#uid#">
<center>
<span class="cmdName" style="font-weight: bold;font-size : 10px; #hideCmdName#">#name_display#</span><br />
<span class='label label-capsuleINT'>#state# #unite#</span>
</center>
<style>
.label-capsuleINT {
background-color: rgba(27, 31, 43,1)!important;
border-radius:1em;
color:white;
font-size: 80%;
padding-left:6px;
padding-top:1px;
width:105px;
display:inline-block;
border-style: solid;
border-color: rgb(252, 252, 253);
border-width: 2px;
height:20px;
}
</style>
<script>
jeedom.cmd.update['#id#'] = function(_options){
$('.cmd[data-cmd_uid=#uid#] .label-info').html(_options.display_value+' #unite#');
$('.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>
Et voici un aperçu de ces rectangles avant (en V3) :
et maintenant (en V4)
Je suis preneur d’une solution, mais a mon niveau, a savoir quelqu’un qui n’y connais rien en code ![]()
Merci,
Julien

