Material Design Icons per HTML
-
Hallo,
ich würde gerne in meinem Adapter die Möglichkeit haben, das MaterialDesignIcons per shortform hinzugefügt werden können.<i class="material-icons">info</i>Hat ioBroker diese Icons schon "an Board", sodass man diese in die HTML Seite im www Verzeichnis wie oben genannt eingeben kann?
Ich hatte folgendes in meinem <head> angelegt, aber die Klasse wird nicht geladen.
<link rel="stylesheet" type="text/css" href="../../lib/css/materialize.css"> <script src="../../lib/js/materialize.js"></script>
Hat jemand einen Tipp für mich?
-
MaterialDesignIcons
Hat ioBroker diese Icons schon "an Board"siehe hier :
https://forum.iobroker.net/topic/45686/pfad-der-material-design-icons
<span class="mdi mdi-pencil materialdesign-icon-image " ></span> -
@glasfaser Es geht um einen Adapter, den ich schreibe. Um keine VIS Anzeige.
Hier möchte in der HTML Datei, die im WWW Verzeichnis liegt, gerne die MDI Klassen nutzen und frage daher, ob ioBroker die schon an Bord hat. -
@skb sagte in Material Design Icons per HTML:
und frage daher, ob ioBroker die schon an Bord hat.
Die Antwort dazu steht doch im Link !?
-
@glasfaser Da steht nicht, welche Javascript Library zu nehmen ist, oder sehe ich sie nicht?
Ich möchte auch die Icons nicht "runterladen", wie im Link steht, sondern per Class anzeigen lassen.
Dazu benötigt es eine CSS Datei und ggf. ein Javascript. -
@skb sagte in Material Design Icons per HTML:
@glasfaser Da steht nicht, welche Javascript Library zu nehmen ist, oder sehe ich sie nicht?
Da hast du Recht ... bin halt nur von diesem Adapter ausgegangen :
https://github.com/Scrounger/ioBroker.vis-materialdesign
Ich möchte auch die Icons nicht "runterladen", wie im Link steht, sondern per Class anzeigen lassen.
Sorry , war ja nur zu deiner Anfrage zu "MaterialDesignIcons " die Antwort dazu , das sie nicht im ioBroker enthalten sind .
-
@glasfaser Dann hätte man auch einfach: "Nein, nicht enthalten", schreiben können
-
@skb
die icons sind im materialdesign adapter enthalten
die klassen sind hier definiert
https://github.com/Scrounger/ioBroker.vis-materialdesign/blob/master/widgets/materialdesign/lib/fonts/material-design-icons/materialdesignicons.css
es werden nur die ttf icons verwendet und nicht die svg iconsentweder du definierst eine abhängigkeit zu dem adapter (hab ich noch nie gemacht), dann wird zu deinem adapter der andere ebenfalls installiert
oder der einfachheithalber definierst du so wie der adapter das bei dir noch einmal. dann seid ihr beide voneinander unabhängiger (aber im browser wird 1mb mehr geladen) -
@oliverio Danke, das ist schlüssig und macht Sinn. Vielen Dank!
-
@stef-heisel In der Tat.
Ich lasse die Icons nun dynamisch anderweitig laden. Klappt viel besser.
@stef-heisel sagte in Material Design Icons per HTML:
@skb Hallo,
Ich wäre dankbar, wenn Sie meine Arbeit in Form dieser Website bewerten würden: https://andersenlab.de/services/design-studio/mobile-designWieso soll ich "Ihre Arbeit bewerten"?
