Widget - Tableau - CSS Jeedom v3.1.x

[dvb]

J'arrive à faire pas mal de manips, mais je coince sur deux trucs :

1) Comment modifier la couleur de fond d'un widget de type badge ?
=> "background-color:red" modifie la couleur du fond d'une cellule, mais pas celle du fond du badge.

2) Est-il possible de faire de la mise en forme conditionnelle ?
(Exemple fond orange si température < 2 °C ) ?

Merci.

[winhex]

c'est 2 question sur les widgets
toutes une rubrique de questions ,tutos ,créations.

pour te donner de l'élan :
dans l'équipement de la tuile
la ou tu as choisis badge
l'onglet qui suit "code"
tu as l'input "active personnalisation"
clic sur dashboard et tu as le code
html, css, jquery

et bien c'est là via jquery

[dvb]

Merci winhex, je vais creuser...

Envoyé de mon MHA-L29 en utilisant Tapatalk

[rjcb]

Bonjour,

Je lutte avec le CSS, ... j'aurais dû sortir de Central Paris ...

Je voudrais un simple tableau où colonne 1 alignée sur la gauche avec les voyants (colonne 2) sur la même ligne.
Idem pour la colonne 3 avec la 4.

2019-02-12_17h29_06.png (43.44 Kio) Consulté 3103 fois

La rien n'est aligné et le tableau est conséquent, beaucoup trop d'espace ...

2019-02-12_17h28_52.png (139.36 Kio) Consulté 3103 fois

[Salvialf]

Salut,

Chez moi pour aligner un widget à gauche ou à droite dans un tableau je dois faire

Code : Tout sélectionner

float:left ou float:right

[winhex]

pour moi c'est surtout ton widget le soucis

il suffit d'une cellule exemple C4 avec un widget
ex hauteur 80 et largeur 100
pour avoir toutes la ligne C avec une hauteur 80
et toute la colonne 4 largeur 100

utilise un widget éprouvé (genre Line core v/x) afin de valider le tien ensuite

j'en ai de partout (résumé global,..)
qui se transfért via jeelynk ...

[rjcb]

pour moi c'est surtout ton widget le soucis

Bingo Winhex Merci !

[rjcb]

J'en profite pour la seconde question

Valeurs issues d'un virtuel, et une police différente ...

Screenshot 2019-02-12 at 21.36.32.png (82.63 Kio) Consulté 3053 fois

Le tableau:

Screenshot 2019-02-12 at 21.36.55.png (115.58 Kio) Consulté 3053 fois

Normalemnt la question est plus difficile que la précédente : )

[winhex]

je veux bien
mais la je devine la question ?
parce que si je lis
Valeurs issues d'un virtuel, et une police différente ...
l'image le prouve

manque un ; en fin de tes 2 styles générales
un autre exemple si tu mets la center
il te serra impossible par la suite de mettre à droite pour une cellule et parfois ça coule pas de source (des trucs qui se contredise sans que tu comprennes pourquoi "certainement des priorités ex alignement, marge, padding")
j'ai eu le cas ou meme l'ordre dans le style ça y joué.

parfois en fin de ton choix style tu dois y joindre !important alors si en plus tu y joins du général !!
avant tous ça il y a le widget, le style jeedom (différence entre theme) et encore avant l'interprétation du navigateur avec des fonctions (input,a,..)

pour moi je construits sans général donc je dupliques et ensuite si il y a des trucs commun, là pourquoi pas mais j'ai souvent eu des déconvenues. donc une utilisation à minima et seulement une fois être sûr du rendu que je veux.

[rjcb]

Merci pour les conseils. du coup j'ai fait très simple, juste indiqué la taille de la police.

Screenshot 2019-02-13 at 11.04.36.png (230.26 Kio) Consulté 3010 fois

Mais c'est pas mieux :-/

[winhex]

si c'est le même widget tu n'aurai pas activé la personnalisation du code

Screenshot_20190213-185049_Chrome.jpg (315.72 Kio) Consulté 2991 fois

Après si c'est le même "personnalisation désactivé "
va dans ton plug widget
tu recherches ton widget
ensuite icône en haut à droite
"appliquer sur des commande"
tu clic dessus et tu sauvegardes

la raison les widgets du plug sont compressé
donc à chaque modif via le plug
c'est à refaire cette manip

je pari 1 kebab que ça marche
le même soucis "de comportement" dans se sujet
viewtopic.php?f=29&t=41544&p=678890&hil ... er#p681291

[rjcb]

Hello,

J'ai fait ceci sans succès:

Après si c'est le même "personnalisation désactivé "
va dans ton plug widget
tu recherches ton widget
ensuite icône en haut à droite
"appliquer sur des commande"
tu clic dessus et tu sauvegardes

Je continue à explorer...

[winhex]

alors ton widgets
puisque c'est la dernière ligne au pif un widgets sans fin réel "genre manque un > ou </div>
as-tu essayé d'en mettre un autre

[rjcb]

j'ai recréé mes virtuels et la j'ai le même style.
Par contre nouveau souci, la sur un widget. Je me disais aussi cela est trop simple.

J'ai un widget switch:

2019-02-19_14h10_04.png (30.13 Kio) Consulté 2913 fois

L'image taille réelle est celle de la visionneuse Windows. L'on voit que celle ci est plus grande sur le design. Je suis certain du chemin;
J'ai testé en touchant qq paramètre dans le code mais rien a faire pour changer la taille :-/

2019-02-19_14h10_45.png (289.99 Kio) Consulté 2913 fois

Avez vous une idée pour avoir la taille du widget affichée sur la visionneuse et non le design ?

Merci

[romanais]

Salut, tu peux essayer de bidouiller ça dans ton code de Widget, juste avant la balise <script>, tu ajoutes

Code : Tout sélectionner

 <style>
  img.MonStyle {
      width: 100px;
      height: 40px;
		} 
 </style>

Sur les 2 lignes contenant le chemin de ton image, juste après swon.png" et swoff.png", tu ajoutes un espace et ce bout de code :

Code : Tout sélectionner

 class="MonStyle"

Tu recharges ta page pour voir si ça affecte bien ton affichage (CTRL+F5 pour forcer le rechargement des styles). Bien sûr ensuite tu ajustes les dimensions 100 et 40 par ce que tu veux à l'écran, et tu forces de nouveau le rafraîchissement de la page).

Si tu modifies le widget d'origine, retourne peut-être aussi sur l'équipement pour t'assurer que c'est bien appliqué sur lui aussi (sinon tu peux faire ces modifications dans la personnalisation avancée de ton équipement).

[rjcb]

Top merci, cela fonctionne et en plus j'ai appris qq chose

[winhex]

aussi
as-tu besoin d'un font size de 2.5em (pour du texte ou icone) et marge haute de 5px, (4éme ligne) qui dépasse la hauteur de ta tuile (height:5px)

même si ça n'arrangera pas forcément ton soucis
faut être cohérent ou ne rien mettre.

le 1er <div> et dernier </div>
c'est le conteneur global de ta tuile (donc petit 5px)
et à l'intérieur d'autre conteneur/morceau/partie qui dépasse la taille initial
essaierai tu de mettre un camion dans une voiture
ca ne peux que dépassé

et/ou pour la taille L/H dans le lien script

Code : Tout sélectionner

$('.cmd[data-cmd_id=#id#] .iconCmd').empty().append('<img src=" plugins/widget/core/template/dashboard/cmd.info.binary.frigo/refrigerator_close.png" height=120 width=105 />');

[Mickou45]

Bonjour.

Je commence a parcourir les tableaux pour bien ranger mon jeedom.

Pas de soucis avec mes widgets température etc.
Par contre, avec le plugin EDF, je peux creer le tableau mais, les commande ne sont pas toutes présente dans le tableau.
Voir pièce jointe.

Je devrai avoir 8 valeur de retour comme index puissance etc mais juste 11 seul s'affiche.

Avez vous une idée ?

Merci..

[Theduck38]

Bonjour,

Je ne sais pas trop ce qui peut arriver quand tu essayes de mettre une présentation tableau sur un équipement de plugin. Visiblement d'après ton cas, ça ne marche pas toujours.
Je te conseille plutôt de récupérer ce que tu veux dans un virtuel et d'organiser les valeurs du virtuel en tableau.

[sebfar]

BOnjour
J'ai fait pleins d'essais. Mais je n'arrive pas à avoir de la marge autour de mes images

Capture d’écran 2019-09-17 à 10.30.43.png (43.56 Kio) Consulté 2558 fois