[TUTO noodom] nouveau widget nooCheckBox

Bj à la communauté,
BRAVO et MERCI à noodom pour ce nouvel excellent widget ! :ok_hand:
l’IU de nos jeedom va connaitre un bon spéctaculaire :star_struck:

J’ai donc testé ce widget et tout est ok. Juste une petite frustation: les marges importantes (20px), ce qui peut etre pénalisant sur un tableau avec bcp de toggle de paramètres par ex.

j’ai donc modifié le code pour rendre paramètrable la marge autour du widget. J’ai rajouter un paramètre supplémentaire que j’ai appelé vmargin.
en pj le screen de la modif de code et du rendu!

Par contre je suis embété car si noodom fait évoluer son widget je serais obligé de reporter à chaque fois la modif…:face_with_raised_eyebrow:

Donc je sollicite noodom pour savoir s’il juge judicieux et techniquement ok pour rajouter ce paramètre de marge dans son widget ?:roll_eyes:

Salut,

Merci de ton retour enthousiaste :slight_smile:

Aucun problème pour les idées d’évolution et d’optimisation, bien au contraire.
Ce widget en particulier est amené à évoluer par l’ajout de nouveaux types de boutons pour obtenir au final un widget simple de customisation des boutons de son Jeedom sans programmation, par un simple paramétrage.

Pour le margin, bien vu merci. C’est en fait plus un css en trop oublié.
Un paramètre supplémentaire ne me semble pas utile dans ce cas.
Je vais le supprimer pour avoir un widget délimité au plus juste.
EDIT : github modifié

Pour info, ton image n’est pas passée sur le forum.

Merci.

1 « J'aime »

Bj Noodom
merci pour le retour rapide :+1:
effectivement si on veut des marges autant le faire par du css padding ds le tableau n’est ce pas ?
je ré-importe le nouveau code alors. merci :clap:

si c est possible de reporter la modif ds le widget nooNeonButton qui a aussi le meme soucis de marge
j’ai pu remarquer une différence entre ces 2 widgets, dans nooNeonButton on est pas obligé de cliquer exactement sur le bouton pour le faire fonctionner alors que sur le nooCheckBox/type slide, si

sorry pour l’image, ok rajoutée

hate de tester les nouvelles évolution
merci

Pour nooNeonButton, je l’avais effectivement proposé ici, à tester rapidement si pas d’impact en effet avec le texte ajoute dynamiquement entre autre :

Pour le clic sur l’image j’avais prévu en effet de regarder mais pas encore pris le temps :smiling_face:

oui j’avais vu ce post, d’ailleurs c’est lui qui m’a permis de faire la modif ds nooCheckBox :wink:
mais il reste un marge à droite et en bas2021-03-27_20-26-40

Pour nooNeonButton, je te propose de continuer sur son channel pour s’y retrouver :wink:

Mais à priori, sur ta capture, tu dois utiliser le paramètre scale non ?
C’est un contournement pour pouvoir le réduire facilement car il n’est pas prévu pour à la base.

Bonjoir à tous,

Déterminé à profiter des widgets de Noodom bien que je n’excelle pas dans ce domaine et c’est le moins que l’on puisse dire j’aimerais un coup de pouce pour rendre plus attrayant mon design.

Ma question, Dois-je mettre dans édition les lignes de codes de 1 à 544. Y a t-il autre chose à faire que je n’ai pas saisi.

Lien Github removed margin css · noodom/jeedom_widgets@ba4df57 · GitHub

Merci pour vos réponses.
Bonne journée.

Screenshot 2021-04-14 10.56.40

Premier essai en insérant dans édition l’ensemble des lignes de code infructueux.

Salut,

Le widget est fait pour être utiliser avec une commande toggle.
Là apparemment tu utilises 2 commandes (on et off)

Sinon, en effet, il suffit de coller le code dans la zone édition de Pimp que tu possèdes je crois (reprendre les captures de la doc détaillée avec des captures)

Format du virtuel compatible :

Salut,

Oui je possède bien Pimp my jeedom et oui dans mon cas je l’utilise avec un deux commandes on et off.

Je teste et reviens vers toi.

Bon toujours pas j’ai beau essayé divers combinaison ca ne fonctionne pas, il doit y avoir un loup quelque part ? lol

De plus comment fait-on ensuite pour changer le widget car dans Paramètres optionnels widget j’ai beau modifier ca ne change rien.

Gregde ChNord

En fait, tu ne pourras pas utiliser le widget avec deux commandes action (ON et OFF).

Il est codé pour fonctionner pour un bouton qui a une commande action unique de type Toggle, c’est-à-dire un bouton qui passe de On à Off sur sélection, puis de Off à On sur nouveau clic.

Il faut donc faire un virtuel qui aura une commande info Etat et une commande action associée :

Pour le paramètre type, ce n’est pas slideTwo2 mais slideTwo :
Les valeurs possibles : slideOne, slideTwo, slideThree, roundedOne, roundedTwo, squaredOne, squaredTwo, squaredThree, squaredFour

image

1 « J'aime »

Ok pour la capture d’écran mais dans la capture comment ca se passe pour l’associer à la commande ou tu souhaite mettre le widget car a aucun moment tu l’associe à un appareil. Désolé mais je n’arrive pas à comprendre a ce niveau là.

Tu peux par exemple faire un scénario avec comme déclencheur la commande Etat et dans le scénario tester sa valeur pour allumer ou éteindre la lampe (comme ON / commande OFF)

image

Ou sinon, depuis la roue crantée de la commande action lancer ce même scénario (et dans ce cas te passer de déclencheur) :

Merci pour ta patience mais je vais laissé tomber pour le moment ca ne semble pas encore dans mes cordes, ca viendra…

Dis moi est-ce plus simple avec les Widget nooCircleProgress ou c’est la même chose ?

Je dirais que nooCircleProgress est plus simple car c’est juste une commande info.

Ce qui sera plus complexe, c’est le paramétrage si tu souhaites avoir ton propre rendu, différent que ceux proposés par défaut (mais ça reste accessible, il faut juste jouer avec les valeurs des différents paramètres et dans une premier temps, en ne précisant aucun paramètre, le widget fonctionnera)

Mais pour revenir au widget nooCheckBox, tu n’es surement pas loin. Juste qu’au départ, les notions et la logique de Jeedom ne sont pas forcément évidentes à intégrer.

Tu as déjà un rendu du widget actuellement ? (sans parler de faire fonctionner la lampe)
Si c’est le cas, tu dois pouvoir jouer avec le widget (passer de on à off visuellement, sans actions derrière)

Oui c’est pas simple c’est le moins que l’on puisse dire…

Pour noocircleProgress j’en suis là

j’en suis arrivé là quand j’ai fait * Sélectionner le bouton ‹ Ajouter des fichiers ›,

En revanche quand je fais ‹ Envoyer des fichiers ›, il va directement dans mes téléchargements, je ne sais comment ajouter le fichier /cmd.info.numeric.nooCircleProgress/circle-progress.js

Pour nooCheckBox, j’ai essayé sur plusieurs appareil en vain, raison pour laquelle j’ai un peu baissé les bras, je l’avoue.

Screenshot 2021-04-14 21.47.31 Screenshot 2021-04-14 21.47.15 Screenshot 2021-04-14 21.46.33

J’ai essayé sur chacun des appareils de modifier le widget avec parametres optionnels widget cela ne fonctionne pas non plus, il doit y avoir je suppose une couille dans le paté, autrement dit un problème non identifié.

Voilà ou j’en suis.

Alors, par étapes, tu as fait ceci ?

  • tu as créé un nouveau virtuel de type toggle comme ma capture => tu dois à ce stade pouvoir faire du on/off en cliquant dessus
  • tu as associé le widget nooCheckBox créé sous Pimp => tu dois avoir le widget affiché et tu peux faire on/off

Pour ces étapes, tu ne modifies pas tes modules existants.
Ensuite, seulement, il faudra voir pour l’associer à un module existant.

EDIT : nooCheckBox est un virtuel comme ma capture.
Mets une capture de ce virtuel et aussi l’association de la commande action widget créé (depuis Pimp ou depuis le paramétrage de la commande depuis le virtuel).

Pour circleProgress, la fenêtre de chargement du fichier, il suffit de sélectionner le fichier l’envoi du fichier circle-progress.js récupéré sur le github (voir sur la capture de la doc)

Je vais reprendre cela demain si tu n’y vois pas d’inconvénient, pour ce soir j’ai ma dose de jeedom.
Sincéremment merci pour ta comprehension et ta patience, car il en faut !

Bonne soirée et encore merci.