Bonjour,
je replace ici une demande que j’avais posé sur un sujet plus orienté sur les images perso des widgets…
Avec la v4, y a t’il un endroit specifique ou mettre les icones pour en ajouter?
Je parle ici des icones que l’on peut attribuer aux objets ou dans la rubrique generale des widgets (Icône), pas des images perso que l’on peut associer aux valeurs dans les widgets.
En effet, dans ces cas la, seules les icones std de jeedom sont proposées et pas le repertoire data/img.
Le plugin icone fonctionnait en v3 mais plus en v4.
Je deterre ce vieux sujet afin de savoir s’il ne te serait pas possible d’inclure la font mdi (material design icons) à ton plugin.
Il y a dedans plein d’icônes qui seraient très utiles.
Merci pour cette info qui est super intéressante dans la mesure ou je trouve que les icônes fournies de base sont un peu juste. Est-ce que la procédure indiquée ici est toujours valable 1 an après en V4.1.16 ? J’ajouterais bien fontawesome et/ou materialdesign…comment faire en sorte de les voir au moment ou j’attribue une icône par exemple pour une commande ?
Comment voir les icônes font_awesome5 qui sont dans 3rdparty ?
J’en profite pour te remercier pour ta précieuse et active contribution au sein de la communauté.
A+
Salut,
fontawesome est disponible si tu installes le plugin « icônes » de @ZygOm4t1k.
En revanche materialdesign, non.
Je lui ai demandé s’il pouvait l’y ajouter mais il m’a dit ne pas avoir le temps.
Il m’a également dit que si nous préparions les fichiers, il se chargerait de les inclure.
Moi, je ne sais pas faire, mais si tu sais faire, n’hésite surtout pas, je suis également intéressé.
Bonne journée
Le plugin est en beta ? (il n’est pas sur la market en stable en tous cas)
Maintenant si la proc de kiboost est encore valable on peut faire la manip avec materialdesign.
Si tu sais faire, ne te gêne surtout pas,.moi je ne sais pas.
Le plugin est en bêta pour une histoire de doc il me semble. Je l’ai installé il y a plusieurs mois, il n’y a pas de problème.
En revanche, si tu le fais, je serais preneur d’un petit tuto.
A bientôt
Salut,
J’ai appliqué la formule magique de @kiboost pour intégrer les fontes de material design (icônes en fait).
Si tu veux faire la même chose de ton coté, je te propose de suivre les étapes suivantes. Je te conseille de tout lire avant de commencer.
adaptation de l’arborescence que tu as pu télécharger de material design (MaterialDesign-Webfont-master.zip).
a. création du répertoire « materialdesignicons-webfont » sous html/data/fonts
b. transfert du fichier materialdesignicons.css dans le nouveau répertoire et renommage en style.css
c. changement des paths au début du fichier style.css sur les deux lignes src:. remplacement de « …/fonts » par « fonts », toute le reste restant identique dans ce fichier
d. transfert du répertoire fonts tel quel (avec ses fichiers .eot, .ttf, .woff et .woff2
Si tu veux pas t’embêter, tout est dans le zip dont le contenu est simplement à déposer dans html/data/fonts. Il est ici.
utilisation dans un widget (V4)
a. saisie des éléments de ton widget en référençant les nouvelles icônes. Pour trouver l’icône de tes rêves, se référer au fichier « preview.html » fourni avec la distribution et que j’ai repris dans le répertoire racine de la fonte (voir capture d’écran ci-dessus). Cette page permet de copier-coller la classe css de l’icône que tu choisis.
D’une part, il n’y a pas de visualisation des icones dans la liste mais c’est peut-être normal, d’autre part, les icones sélectionnées ne s’affichent pas. Et ce, que j’utilise la class icon ou pas.
Pour être sûr de ne pas commettre d’erreur, j’ai sélectionné ton zip que j’ai recopié directement dans le répertoire fonts.
La différence avec moi, sur le plan de la gestion des icônes en tous cas, c’est que je n’ai pas le plugin « icône ». Il y a peut-être un conflit à ce niveau là. Il faut que tu regardes le code que tu as dans fonts et qui est j’imagine le résultat du plugin en question. Est-ce que la font « awesome » qui se trouve dans le même répertoire est structurée de la même manière ?
Avec mon niveau d’intégration il est normal que tu ne vois pas les icônes dans la liste standard, je n’ai pas souhaité pousser l’intégration jusque là pour ne pas empiéter sur jeedom core. Et une utilisation dans les widgets limite les impacts s’il y a des changements dans les versions suivantes de Jeedom.
As tu tenté d’utiliser les icones dans un widget ? par exemple <i class="fas fa-car"></i> devrait t’afficher une voiture si tu mets ce code dans la définition de ton widget.