Page 6 sur 7

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 22 janv. 2019, 22:21
par 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.

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 22 janv. 2019, 22:54
par 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

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 22 janv. 2019, 22:58
par dvb
Merci winhex, je vais creuser...

Envoyé de mon MHA-L29 en utilisant Tapatalk


Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 12 févr. 2019, 17:33
par 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
2019-02-12_17h29_06.png (43.44 Kio) Consulté 3218 fois

La rien n'est aligné et le tableau est conséquent, beaucoup trop d'espace ...
2019-02-12_17h28_52.png
2019-02-12_17h28_52.png (139.36 Kio) Consulté 3218 fois
:mrgreen:

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 12 févr. 2019, 19:00
par 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

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 12 févr. 2019, 19:51
par 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 ...

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 12 févr. 2019, 21:24
par rjcb
pour moi c'est surtout ton widget le soucis
Bingo Winhex :mrgreen: Merci !

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 12 févr. 2019, 21:38
par 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
Screenshot 2019-02-12 at 21.36.32.png (82.63 Kio) Consulté 3168 fois
Le tableau:
Screenshot 2019-02-12 at 21.36.55.png
Screenshot 2019-02-12 at 21.36.55.png (115.58 Kio) Consulté 3168 fois
Normalemnt la question est plus difficile que la précédente : )

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 12 févr. 2019, 23:07
par 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 :D

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.

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 13 févr. 2019, 11:05
par 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
Screenshot 2019-02-13 at 11.04.36.png (230.26 Kio) Consulté 3125 fois
Mais c'est pas mieux :-/

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 13 févr. 2019, 18:54
par winhex
si c'est le même widget tu n'aurai pas activé la personnalisation du code
Screenshot_20190213-185049_Chrome.jpg
Screenshot_20190213-185049_Chrome.jpg (315.72 Kio) Consulté 3106 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 :D
le même soucis "de comportement" dans se sujet
viewtopic.php?f=29&t=41544&p=678890&hil ... er#p681291

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 14 févr. 2019, 17:55
par 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...

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 14 févr. 2019, 23:39
par 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

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 19 févr. 2019, 14:14
par 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
2019-02-19_14h10_04.png (30.13 Kio) Consulté 3028 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
2019-02-19_14h10_45.png (289.99 Kio) Consulté 3028 fois
Avez vous une idée pour avoir la taille du widget affichée sur la visionneuse et non le design ?

Merci

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 19 févr. 2019, 15:07
par 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).

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 19 févr. 2019, 15:17
par rjcb
Top merci, cela fonctionne et en plus j'ai appris qq chose

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 19 févr. 2019, 15:20
par 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 />');

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 22 mai 2019, 17:30
par 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..

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 22 mai 2019, 21:26
par 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.

Re: Widget - Tableau - CSS Jeedom v3.1.x

Publié : 17 sept. 2019, 10:31
par 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
Capture d’écran 2019-09-17 à 10.30.43.png (43.56 Kio) Consulté 2673 fois