Widget - Tableau - CSS Jeedom v3.1.x
Re: Widget - Tableau - CSS Jeedom v3.1.x
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.
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.
DIY 4*2GHz - 4Go RAM - SSD
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...
Re: Widget - Tableau - CSS Jeedom v3.1.x
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
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
Merci winhex, je vais creuser...
Envoyé de mon MHA-L29 en utilisant Tapatalk
Envoyé de mon MHA-L29 en utilisant Tapatalk
DIY 4*2GHz - 4Go RAM - SSD
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...
- ctrl 1-wire Dallas + IPX800 + X880
- ctrl RFXcom + Oregon (température) + Anémomètre
- ctrl Gen5 + Wallplug + fgrm-222 + Benext + Everspring AN157-6 + Aeon Key Fob+ ...
Re: Widget - Tableau - CSS Jeedom v3.1.x
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.
La rien n'est aligné et le tableau est conséquent, beaucoup trop d'espace ...
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.
La rien n'est aligné et le tableau est conséquent, beaucoup trop d'espace ...
JEEDOM Mini+ compatible Z-Wave+ (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
Re: Widget - Tableau - CSS Jeedom v3.1.x
Salut,
Chez moi pour aligner un widget à gauche ou à droite dans un tableau je dois faire
Chez moi pour aligner un widget à gauche ou à droite dans un tableau je dois faire
Code : Tout sélectionner
float:left ou float:right
Dernière édition par Salvialf le 12 févr. 2019, 19:00, édité 1 fois.
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)
Re: Widget - Tableau - CSS Jeedom v3.1.x
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 ...
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 ...
- Pièces jointes
-
- Screenshot_20190212-195547_Chrome.jpg (139.22 Kio) Consulté 3192 fois
-
- Screenshot_20190212-195416_Chrome.jpg (115.38 Kio) Consulté 3192 fois
Re: Widget - Tableau - CSS Jeedom v3.1.x
Bingo Winhex Merci !pour moi c'est surtout ton widget le soucis
JEEDOM Mini+ compatible Z-Wave+ (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
Re: Widget - Tableau - CSS Jeedom v3.1.x
J'en profite pour la seconde question
Valeurs issues d'un virtuel, et une police différente ...
Le tableau:
Normalemnt la question est plus difficile que la précédente : )
Valeurs issues d'un virtuel, et une police différente ...
Le tableau:
Normalemnt la question est plus difficile que la précédente : )
JEEDOM Mini+ compatible Z-Wave+ (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
Re: Widget - Tableau - CSS Jeedom v3.1.x
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.
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.
Re: Widget - Tableau - CSS Jeedom v3.1.x
Merci pour les conseils. du coup j'ai fait très simple, juste indiqué la taille de la police.
Mais c'est pas mieux :-/
Mais c'est pas mieux :-/
JEEDOM Mini+ compatible Z-Wave+ (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
Re: Widget - Tableau - CSS Jeedom v3.1.x
si c'est le même widget tu n'aurai pas activé la personnalisation du code
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
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
Re: Widget - Tableau - CSS Jeedom v3.1.x
Hello,
J'ai fait ceci sans succès:
J'ai fait ceci sans succès:
Je continue à explorer...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
JEEDOM Mini+ compatible Z-Wave+ (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
Re: Widget - Tableau - CSS Jeedom v3.1.x
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
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
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: 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 :-/
Avez vous une idée pour avoir la taille du widget affichée sur la visionneuse et non le design ?
Merci
Par contre nouveau souci, la sur un widget. Je me disais aussi cela est trop simple.
J'ai un widget switch: 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 :-/
Avez vous une idée pour avoir la taille du widget affichée sur la visionneuse et non le design ?
Merci
JEEDOM Mini+ compatible Z-Wave+ (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
Re: Widget - Tableau - CSS Jeedom v3.1.x
Salut, tu peux essayer de bidouiller ça dans ton code de Widget, juste avant la balise <script>, tu ajoutes
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 :
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).
Code : Tout sélectionner
<style>
img.MonStyle {
width: 100px;
height: 40px;
}
</style>
Code : Tout sélectionner
class="MonStyle"
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
Top merci, cela fonctionne et en plus j'ai appris qq chose
JEEDOM Mini+ compatible Z-Wave+ (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
JEEDOM Jessie Master sur VM (2.4.6)
Re: Widget - Tableau - CSS Jeedom v3.1.x
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
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
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..
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..
- Pièces jointes
-
- capture.PNG (43.47 Kio) Consulté 2841 fois
- Theduck38
- Helper
- Messages : 2714
- Inscription : 22 févr. 2015, 17:32
- Localisation : Près de Grenoble
- Contact :
Re: Widget - Tableau - CSS Jeedom v3.1.x
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.
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.
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté
Re: Widget - Tableau - CSS Jeedom v3.1.x
BOnjour
J'ai fait pleins d'essais. Mais je n'arrive pas à avoir de la marge autour de mes images
J'ai fait pleins d'essais. Mais je n'arrive pas à avoir de la marge autour de mes images
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invité