Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Entwicklung
  4. Material Design Icons per HTML

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    10
    1
    308

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.5k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.4k

Material Design Icons per HTML

Geplant Angeheftet Gesperrt Verschoben Entwicklung
10 Beiträge 4 Kommentatoren 1.1k Aufrufe 4 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • SKBS Offline
    SKBS Offline
    SKB
    Developer Most Active
    schrieb am zuletzt editiert von
    #1

    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>
    

    2022-07-29 08_36_21-Energiefluss — Mozilla Firefox.png

    Hat jemand einen Tipp für mich?

    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

    GlasfaserG 1 Antwort Letzte Antwort
    0
    • SKBS SKB

      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>
      

      2022-07-29 08_36_21-Energiefluss — Mozilla Firefox.png

      Hat jemand einen Tipp für mich?

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      schrieb am zuletzt editiert von
      #2

      @skb

      MaterialDesignIcons
      Hat ioBroker diese Icons schon "an Board"

      siehe hier :

      https://forum.iobroker.net/topic/45686/pfad-der-material-design-icons

      4cdf9336-19e3-4c88-8d81-d863f7ab34c2-grafik.png

      <span  class="mdi mdi-pencil materialdesign-icon-image "  ></span>
      

      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

      SKBS 1 Antwort Letzte Antwort
      0
      • GlasfaserG Glasfaser

        @skb

        MaterialDesignIcons
        Hat ioBroker diese Icons schon "an Board"

        siehe hier :

        https://forum.iobroker.net/topic/45686/pfad-der-material-design-icons

        4cdf9336-19e3-4c88-8d81-d863f7ab34c2-grafik.png

        <span  class="mdi mdi-pencil materialdesign-icon-image "  ></span>
        
        SKBS Offline
        SKBS Offline
        SKB
        Developer Most Active
        schrieb am zuletzt editiert von
        #3

        @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.

        ... wer nicht mit der Zeit geht, geht mit der Zeit ...

        Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

        GlasfaserG 1 Antwort Letzte Antwort
        0
        • SKBS SKB

          @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.

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          schrieb am zuletzt editiert von
          #4

          @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 !?

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          SKBS 1 Antwort Letzte Antwort
          0
          • GlasfaserG Glasfaser

            @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 !?

            SKBS Offline
            SKBS Offline
            SKB
            Developer Most Active
            schrieb am zuletzt editiert von
            #5

            @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.

            ... wer nicht mit der Zeit geht, geht mit der Zeit ...

            Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

            GlasfaserG OliverIOO 2 Antworten Letzte Antwort
            0
            • SKBS SKB

              @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.

              GlasfaserG Offline
              GlasfaserG Offline
              Glasfaser
              schrieb am zuletzt editiert von
              #6

              @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 .

              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

              SKBS 1 Antwort Letzte Antwort
              0
              • GlasfaserG Glasfaser

                @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 .

                SKBS Offline
                SKBS Offline
                SKB
                Developer Most Active
                schrieb am zuletzt editiert von
                #7

                @glasfaser Dann hätte man auch einfach: "Nein, nicht enthalten", schreiben können ;)

                ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                1 Antwort Letzte Antwort
                0
                • SKBS SKB

                  @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.

                  OliverIOO Offline
                  OliverIOO Offline
                  OliverIO
                  schrieb am zuletzt editiert von
                  #8

                  @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 icons

                  entweder 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)

                  Meine Adapter und Widgets
                  TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                  Links im Profil

                  SKBS 1 Antwort Letzte Antwort
                  1
                  • OliverIOO OliverIO

                    @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 icons

                    entweder 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)

                    SKBS Offline
                    SKBS Offline
                    SKB
                    Developer Most Active
                    schrieb am zuletzt editiert von
                    #9

                    @oliverio Danke, das ist schlüssig und macht Sinn. Vielen Dank!

                    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                    1 Antwort Letzte Antwort
                    0
                    • SKBS Offline
                      SKBS Offline
                      SKB
                      Developer Most Active
                      schrieb am zuletzt editiert von
                      #10

                      @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-design

                      Wieso soll ich "Ihre Arbeit bewerten"?

                      ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                      Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                      1 Antwort Letzte Antwort
                      0
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      662

                      Online

                      32.5k

                      Benutzer

                      81.7k

                      Themen

                      1.3m

                      Beiträge
                      Community
                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                      ioBroker Community 2014-2025
                      logo
                      • Anmelden

                      • Du hast noch kein Konto? Registrieren

                      • Anmelden oder registrieren, um zu suchen
                      • Erster Beitrag
                        Letzter Beitrag
                      0
                      • Home
                      • Aktuell
                      • Tags
                      • Ungelesen 0
                      • Kategorien
                      • Unreplied
                      • Beliebt
                      • GitHub
                      • Docu
                      • Hilfe