Loin d'être un pro du HTML, je bricole un peu mes widgets... comme je peux...
Voici un code qui fonctionne très bien. Le nom "zone A" apparait bien sur mon widget, mais au-dessus de mon icône... Or , je voudrais l'avoir sous mon icône.
J'ai essayer de remplacer le margin-top par margin-bottom... mauvaise pioche...
Pourriez-vous m'aider SVP?
Voici le code :
Code : Tout sélectionner
<div style="width:90px;min-height:80px;" class="cmd tooltips cmd-widget cursor" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
<center>
<div style="font-weight: bold;font-size : 12px;#hideCmdName#">Zone A</div>
<span style="font-size: 3em;font-weight: bold;margin-top: 5px;" class="iconCmd"></span>
</center>
<script>
jeedom.cmd.update['#id#'] = function(_options){
if (_options.display_value == '1' || _options.display_value == 1 || _options.display_value == '99' || _options.display_value == 99 || _options.display_value == 'on') {
if (jeedom.cmd.normalizeName('#name#') == 'on') {
$('.cmd[data-cmd_id=#id#]').hide();
}else{
$('.cmd[data-cmd_id=#id#]').show();
$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append("<img width='80' src='plugins/widget/core/template/dashboard/cmd.action.other.Arrosage A/Arrosage ON-100px.png'>");
}
} else {
if (jeedom.cmd.normalizeName('#name#') == 'off') {
$('.cmd[data-cmd_id=#id#]').hide();
}else{
$('.cmd[data-cmd_id=#id#]').show();
$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append("<img width='80' src='plugins/widget/core/template/dashboard/cmd.action.other.Arrosage A/Arrosage OFF-100px.png'>");
}
}
}
jeedom.cmd.update['#id#']({display_value:'#state#'});
$('.cmd[data-cmd_uid=#uid#] .iconCmd').off().on('click', function () {
jeedom.cmd.execute({id: '#id#'});
});
</script>
</div>