C'est la classe widget-shadow-edit qui fait cela.GuillaumeDieppe a écrit : ↑10 janv. 2018, 10:17J'aime bien l'effet ombre qu'il y a en mode édition, je ne sais pas s'il existe un moyen de le reproduire hors mode édition ?
Code : Tout sélectionner
.widget-shadow-edit {
box-shadow: 0 0 2em #96C927 !important;
}
Magnifique !!!loc173 a écrit : ↑10 janv. 2018, 22:51
Design d'accueil pour tablette avec :
- température des pièces (et gestion du poêle pour le salon)
- modes et trajets
- météo
- télécommande décodeur (la vraie ne marche plus...)
- téléinfo compteur élec (plugin KO en ce moment)
Les autres pages sont sur une ancienne version et seront modifiées plus tard :
- Gestion des squeeze box
- Gestion complètes des lumières
- Gestion complète des décodeur et télévision
- Gestion complète du poêle
- Réseaux et matériel
- Trajets (Google Maps)
Je comprend, mais ton cadre "piece de vie" c'est un virtuel ? ou est-ce une zone texte/html dans laquel tu as tapé du code ?loc173 a écrit : ↑11 janv. 2018, 16:33Honnêtement c'est de la bidouille...
Je suis parti du design partagé par F$B33 que j'ai modifié à ma sauce.
Grâce à son partage, c'est assez simple de se faire sa version perso...
J'ai dupliqué de nombreux widgets (label, bouton...) pour les adapter, j'ai redéfini la font de base (la sublime "Montserrat" de chez Google), j'ai rapatrié de nombreuses icon.png du web...
J'ai tellement bidouillé qu'il faudrait faire un grand ménage pour le partager.
Et puis je suis pas expert en html/css, donc c'est souvent pas très "beau".
Franchement, si j'ai pu le faire, c'est à la portée de quasiment tout le monde.
Perso, je voulais un truc assez sobre, pas surchargé, élégant (WAF factor).
Il suffit juste d'avoir un concept/idée/logique de design. Et du temps...
Oui si tu changes un widget pour le design il changera pour le dashboard , la solution est de dupliquer ton équipement et le 1er l'afficher que sur le design et l'autre sur dashboard, ça alourdi le tout mais c'est la solution ou alors passer par la modif avancé perso des widgets comme ça tu auras un code pour le design et l'autre pour le dashboardcyrilphoenix a écrit : ↑13 janv. 2018, 11:38Ok mais le probleme d'utiliser un widget sur une commande c'est qua ca change son affichage aussi pour le dashboard non ?
Tu crois que tu pourrait publier sur le market tes widget montserrat ? (faut ajouter la police dans jeedom ?)
Bonjour,loc173 a écrit : ↑10 janv. 2018, 22:51
Design d'accueil pour tablette avec :
- température des pièces (et gestion du poêle pour le salon)
- modes et trajets
- météo
- télécommande décodeur (la vraie ne marche plus...)
- téléinfo compteur élec (plugin KO en ce moment)
Les autres pages sont sur une ancienne version et seront modifiées plus tard :
- Gestion des squeeze box
- Gestion complètes des lumières
- Gestion complète des décodeur et télévision
- Gestion complète du poêle
- Réseaux et matériel
- Trajets (Google Maps)
Bonjouroverkill a écrit : ↑21 janv. 2018, 22:35Coucou,
Je suis désolé si ce n'est pas le bon endroit, mais j'avais navigué sur beaucoup de sujet Design ou présentation, mais impossible de remettre la main sur la configuration pour afficher en dessous d'un détecteur de mouvement ou d'ouverture ou d'action, la dernière date et heure de l'une de ces activités.
Pouvez vous me redonner le lien, c'est pour mettre à jour mon design
Merci d'avance pour vos aides
Code : Tout sélectionner
<div style="width:100px;min-height:62px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="#collectDate#">
<center>
<span class='cmdName' style="font-weight: bold;font-size : 12px;">#name#</span>
<span style="font-size: 3em;font-weight: bold;margin-top: 5px;" id="iconCmd#id#"></span>
<span class="timeCmd#uid#" style="background-color:#cmdColor# !important;padding : 3px;border-radius: 4px;"></span>
</center>
<script>
jeedom.cmd.displayDuration('#valueDate#', $('.timeCmd#uid#'));
if ('#state#' == '1' || '#state#' == 1) {
$('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.binary.FibaroOeil/FibaroOeilNoirNew.png" />');
}
if ('#state#' == '0' || '#state#' == 0) {
$('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.binary.FibaroOeil/FibaroOeilJauneNew.png" />');
}
</script>
<style>
img.FibraoImg#id# {
width: 80px;
height: 80px;
}
</style>
</div>Up ?cyrilphoenix a écrit :Ok mais le probleme d'utiliser un widget sur une commande c'est qua ca change son affichage aussi pour le dashboard non ?
Tu crois que tu pourrait publier sur le market tes widget montserrat ? (faut ajouter la police dans jeedom ?)
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 7 invités
