NEWS
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?
-
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. -
@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. -
@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 .
-
@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 ;)
-
@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
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) -
@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) -
@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"?
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren Anmelden