[SALVIALF] Widget IconInfo Core_V4 (Info/Binaire)

Tags: #<Tag:0x00007f3855325ac0> #<Tag:0x00007f38553259f8> #<Tag:0x00007f3855325908>

Salut @ tous,

Aujourd’hui nous allons inclure le widget IconInfo dans Jeedom à l’aide du nouvel outil Widgets mis à disposition en V4.

Le Widget:

une fois téléchargé enlever .txt à la fin du nom du fichier pour récupérer le fichier IconInfo.json et importer le via Outils->Widgets puis bouton ->Importer .

Astuce: Il est possible de cacher la durée depuis le dernier changement qui apparait sous l’icône en décochant la case « Time widget » sur le template.

Les images:

J’ai repris le dossier des icônes de IconInfo dont vous pouvez télécharger la version zippée: IconInfo.zip

Le dossier IconInfo est à copier dans le répertoire data/img/ à l’aide du plugin Jeexplorer.

Les Paramètres optionnels:

3 paramètres optionnels à renseigner impérativement sur chaque commande:

  • type:

correspond au nom de l’icône que l’on souhaite afficher dont 2 images sont présentes dans le répertoire data/img/IconInfo: type _on.png & type _off.png. (Par exemple: defaut ou tv ou xbox etc…).
La liste complète des « types » inclus.

  • largeurDesktop:

largeur de l’icône en version Desktop/Dashboard en pixels.

  • largeurMobile:

largeur de l’icône en version Mobile en pixels.

Il est possible de s’affranchir des paramètres « largeurDesktop » et « largeurMobile » en spécifiant directement une valeur dans le template du widget.

Ajouter des icônes:

Si vous souhaitez ajouter des icônes au widget, le nommage doit être sous cette forme: type _on.png & type _off.pngtype correspond au paramètre optionnel permettant d’identifier l’icône.
Les icônes doivent être ajoutées dans le répertoire data/img/IconInfo.

Vous trouverez un large choix d’icônes en suivant ce lien: http://jeedomalf.free.fr/galerie/


N’hésitez pas à faire part de vos retours :wink:

7 J'aimes

T’est en forme en ce moment :+1:

ça me rappelle des souvenirs de me remettre aux widgets :crazy_face: :innocent: !!

Je commence tout juste à personnaliser ma V4 alors comme d’hab j’en fait profiter tout le monde :smiley:

5 J'aimes

Merci du partage :wink:

1 J'aime

Ça marche nickel, mise en place vraiment facile et claire.
C’est fou comme ça allège le code cette nouvelle gestion des Widgets !

1 J'aime

Merci pour le partage.
Cela tombe aussi dans mon timing je regarde pour supprimer les versions V3 pour remettre propres juste en V4

Hello.
Savez vous comment grossir la taille des polices des timers
sans grossir la taille du widget en lui même ?
image

Tu veux grossir la taille de l’affichage de la durée sur fond gris ? Partout ?

En perso CSS avancée: la classe est timeCmd

Ok merci
Ça se situe où ça ?

au top !!
c’est possible de modifier la hauteur également ?

C’est dans l’affichage de le commande de perso CSS ?

C’est en perso css avancée. Rappelles le moi demain que je te mette un exemple

Super merci je test ça cet aprèm

Oui car sans exemple, je ne sais pas quoi mettre :slight_smile:

Hello,

donc pour agrandir la taille de la durée en perso CSS :

/* timecmd font-size */
.timeCmd.label { font-size:12px!important; }	

Merci.
On met ca dans affichage d’un objet ?
image

Si tu veux que ça l’applique à tous tes timers, tu devrais le mettre dans :
Réglages/Système/Personnalisation avancée
2020-03-10_090945

Tu mets ça dans dans la partie de droite CSS, et tu penses bien à activer (case à cocher) et sauvegarder.
2020-03-10_091014

Tu forces le rechargement de ta page, et ça devrait aller.

Merci
En effet ca marche.
Mais c’est pas tip top en fonction de la taille différentes de chaque widget.

Et si je veux l’appliquer seulement sur un équipement, je dois le mettre ou ?

Bonjour,

IconInfo est nickel ; merci pour cette superbe contribution qui profite à bon nombre !

Dans le sujet Icône… Y a t il un moyen de modifier celle par exemple associée à un lien d’ un design ?
Par exemple , modifier l’icône « thermomètre » .
image

MErci !