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. [Neuer Adapter] iobroker.FontUI

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

[Neuer Adapter] iobroker.FontUI

Geplant Angeheftet Gesperrt Verschoben Entwicklung
33 Beiträge 9 Kommentatoren 3.2k Aufrufe 16 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.
  • Felix MayerhoferF Offline
    Felix MayerhoferF Offline
    Felix Mayerhofer
    schrieb am zuletzt editiert von Felix Mayerhofer
    #1

    Hi!

    Bei der Suche nach schönen Visualisierungen für ioBroker ist mir aufgefallen dass es sehr wenig icons gibt bzw die icon Sets optisch nicht so gut harmonieren, daher hab ich mich durch die Doku gewühlt und versucht einen eigenen "Adapter" bzw eher ein Widget Set zu erstellen.

    Ihr könnt ihn mittels npm install iobroker.fontui installieren und testen, im VIS erscheint eine neue gruppe fontUI
    NPM

    Funktionen derzeit:

    • Icons mit oder ohne Content/Werten hinzufügen
    • Farbe, Grösse und Animation anpassen

    Eine kleine Auswahl der Icons(sind ca. 1500):
    icon_example.png

    Liste der Icons mit Suchfunktion

    In Arbeit/Geplant:

    • Alternative Werte für true/false
    • Touch Buttons für Icons

    Projekt bei Github

    Danke fürs Testen!

    AlCalzoneA 1 Antwort Letzte Antwort
    4
    • Felix MayerhoferF Felix Mayerhofer

      Hi!

      Bei der Suche nach schönen Visualisierungen für ioBroker ist mir aufgefallen dass es sehr wenig icons gibt bzw die icon Sets optisch nicht so gut harmonieren, daher hab ich mich durch die Doku gewühlt und versucht einen eigenen "Adapter" bzw eher ein Widget Set zu erstellen.

      Ihr könnt ihn mittels npm install iobroker.fontui installieren und testen, im VIS erscheint eine neue gruppe fontUI
      NPM

      Funktionen derzeit:

      • Icons mit oder ohne Content/Werten hinzufügen
      • Farbe, Grösse und Animation anpassen

      Eine kleine Auswahl der Icons(sind ca. 1500):
      icon_example.png

      Liste der Icons mit Suchfunktion

      In Arbeit/Geplant:

      • Alternative Werte für true/false
      • Touch Buttons für Icons

      Projekt bei Github

      Danke fürs Testen!

      AlCalzoneA Offline
      AlCalzoneA Offline
      AlCalzone
      Developer
      schrieb am zuletzt editiert von
      #2

      @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

      Neben meinem Adapter ist das rote Lämpchen und die Möglichkeit ihn zu restarten, ich hab in den config nix gefunden wie man diese Möglichkeiten deaktiviert, ich werde sie nicht brauchen.

      Wenn ich mich nicht täusche: io-package.json => mode auf "none" stellen

      Änderungen im admin verzeichnis(z.b. Adapter Logo) werden auch nach restart von ioBroker nicht übernommen

      Auf der Konsole iobroker upload dein-widget-name (Neustart nicht nötig, außer ggf. von VIS).

      Wie kann ich prüfen ob die Abhängigkeiten notwendig sind?(z.b. JS Controller)

      JS-Controller ist immer nötig (wobei die Version ggf nicht so zwingend ist bei Widgets)
      Admin3 ist hauptsächlich im Template, weil neue Adapter nicht kompatibel zum alten Admin sind.

      Warum `sudo` böse ist: https://forum.iobroker.net/post/17109

      1 Antwort Letzte Antwort
      1
      • Felix MayerhoferF Offline
        Felix MayerhoferF Offline
        Felix Mayerhofer
        schrieb am zuletzt editiert von Felix Mayerhofer
        #3

        Danke für die Hilfe, ich hab mal eine erste Testversion online gestellt, vielleicht mag sie ja wer probieren und Feedback geben.

        npm i iobroker.fontui
        

        Next: Animieren der icons

        1 Antwort Letzte Antwort
        0
        • htreckslerH Offline
          htreckslerH Offline
          htrecksler
          Forum Testing
          schrieb am zuletzt editiert von
          #4

          die Installation klappte schonmal reibungslos.
          Ich bin gespannt was noch kommt.
          Bisher Top

          Eine Anmerkung...Die Auswahl des Icon ist etwas mühsam wenn man auf der Suche nach etwas passendem ist.

          Gruss Hermann

          ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

          Felix MayerhoferF 1 Antwort Letzte Antwort
          1
          • htreckslerH htrecksler

            die Installation klappte schonmal reibungslos.
            Ich bin gespannt was noch kommt.
            Bisher Top

            Eine Anmerkung...Die Auswahl des Icon ist etwas mühsam wenn man auf der Suche nach etwas passendem ist.

            Felix MayerhoferF Offline
            Felix MayerhoferF Offline
            Felix Mayerhofer
            schrieb am zuletzt editiert von
            #5

            @htrecksler Danke fürs Testen, freut mich dass es mal so funktioniert!

            Ja das select möchte ich ändern dass eine miniatur vom icon gleich daneben steht. Muss noch schauen wie ich das innerhalb von ioBroker hinbekomme, möchte javascript "hacks" vermeiden so gut es geht.

            Als nächstes möchte ich die Icons animierbar machen(drehen, pulsieren, glow), danach bin ich mir noch nicht ganz sicher...
            Entweder gehe ich Richtung Button Funktionen(z.b. Icon rot & drehen wenn Wert > 100) oder baue mehr Design Elemente ein, habe eine zeit lang mit FHEM Tablet UI gewerkelt und bin davon eigentlich sehr angetan.

            Insgesamt möchte ich es jedoch simpel halten damit man FontUI leicht in bestehende Designs integrieren kann und nicht zuviel overhead beim laden der ganzen JS und CSS files entsteht.

            1 Antwort Letzte Antwort
            1
            • sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              schrieb am zuletzt editiert von sigi234
              #6

              Hallo,

              installiert, wie funktioniert der Adapter?

              system.adapter.fontui.0	2019-04-29 20:31:10.226	error	invalid mode
              

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              htreckslerH 1 Antwort Letzte Antwort
              0
              • sigi234S sigi234

                Hallo,

                installiert, wie funktioniert der Adapter?

                system.adapter.fontui.0	2019-04-29 20:31:10.226	error	invalid mode
                
                htreckslerH Offline
                htreckslerH Offline
                htrecksler
                Forum Testing
                schrieb am zuletzt editiert von
                #7

                @sigi234 Nach dem installieren gibt es im VIS 2 neue Widgets die du nutzen kannst

                Gruss Hermann

                ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

                sigi234S 1 Antwort Letzte Antwort
                1
                • htreckslerH htrecksler

                  @sigi234 Nach dem installieren gibt es im VIS 2 neue Widgets die du nutzen kannst

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  schrieb am zuletzt editiert von sigi234
                  #8

                  @htrecksler sagte in [Neuer Adapter] iobroker.FontUI:

                  @sigi234 Nach dem installieren gibt es im VIS 2 neue Widgets die du nutzen kannst

                  Danke.........................Mich hat "Adapter" ein wenig abgelenkt...

                  Screenshot (2961).png

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  1 Antwort Letzte Antwort
                  0
                  • Felix MayerhoferF Offline
                    Felix MayerhoferF Offline
                    Felix Mayerhofer
                    schrieb am zuletzt editiert von
                    #9

                    @sigi234 du hast recht, Adapter stimmt nicht bzw noch nicht
                    Ich hab beim erstellen beide optionen gewählt da ich keinen Nachteil darin sah und evtl später eine Adapterkonfiguration dazukommt(z.b. falls jemand Font Awesome Pro besitzt und nutzen will). Die Installation und die Updates sind auch einfacher falls es mal im Repo ist.

                    Falls ich hier falsch liege bzw etwas gravierendes übersehen habe bitte um Aufklärung, jetzt ist es noch einfach zu ändern.
                    Danke fürs Testen!

                    sigi234S 1 Antwort Letzte Antwort
                    0
                    • Felix MayerhoferF Felix Mayerhofer

                      @sigi234 du hast recht, Adapter stimmt nicht bzw noch nicht
                      Ich hab beim erstellen beide optionen gewählt da ich keinen Nachteil darin sah und evtl später eine Adapterkonfiguration dazukommt(z.b. falls jemand Font Awesome Pro besitzt und nutzen will). Die Installation und die Updates sind auch einfacher falls es mal im Repo ist.

                      Falls ich hier falsch liege bzw etwas gravierendes übersehen habe bitte um Aufklärung, jetzt ist es noch einfach zu ändern.
                      Danke fürs Testen!

                      sigi234S Online
                      sigi234S Online
                      sigi234
                      Forum Testing Most Active
                      schrieb am zuletzt editiert von sigi234
                      #10

                      @Felix-Mayerhofer

                      Coole Sache........teste gerade.

                      @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                      Ja das select möchte ich ändern

                      Das wäre gut........

                      @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                      Next: Animieren der icons

                      Wäre noch besser.......:relaxed:

                      @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                      Entweder gehe ich Richtung Button Funktionen(z.b. Icon rot & drehen wenn Wert > 100)

                      Das wäre der Hammer........

                      Wünsche:

                      Änderbarer true or false Wert ......also zb. Bei Fenster offen true: ersetzen durch Fenster offen

                      Screenshot (2969).png
                      Rettung ist nur ein Beispiel..........

                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                      Immer Daten sichern!

                      Felix MayerhoferF 1 Antwort Letzte Antwort
                      0
                      • sigi234S sigi234

                        @Felix-Mayerhofer

                        Coole Sache........teste gerade.

                        @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                        Ja das select möchte ich ändern

                        Das wäre gut........

                        @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                        Next: Animieren der icons

                        Wäre noch besser.......:relaxed:

                        @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                        Entweder gehe ich Richtung Button Funktionen(z.b. Icon rot & drehen wenn Wert > 100)

                        Das wäre der Hammer........

                        Wünsche:

                        Änderbarer true or false Wert ......also zb. Bei Fenster offen true: ersetzen durch Fenster offen

                        Screenshot (2969).png
                        Rettung ist nur ein Beispiel..........

                        Felix MayerhoferF Offline
                        Felix MayerhoferF Offline
                        Felix Mayerhofer
                        schrieb am zuletzt editiert von
                        #11

                        @sigi234
                        Änderbarer true oder false Wert macht sinn, das werd ich einbauen :relaxed:

                        Neues update ist online, icons können jetzt gedreht bzw animiert werden.
                        Zusätzlich sollten manche icons oben jetzt nicht mehr abgeschnitten werden....
                        Falls jemand am Tablet testet würd mich die performance bei spinning icon interessieren(meins ist noch im "aufbau"), da es ne Schriftart ist sollte es wenig CPU beanspruchen.

                        sigi234S 1 Antwort Letzte Antwort
                        0
                        • Felix MayerhoferF Felix Mayerhofer

                          @sigi234
                          Änderbarer true oder false Wert macht sinn, das werd ich einbauen :relaxed:

                          Neues update ist online, icons können jetzt gedreht bzw animiert werden.
                          Zusätzlich sollten manche icons oben jetzt nicht mehr abgeschnitten werden....
                          Falls jemand am Tablet testet würd mich die performance bei spinning icon interessieren(meins ist noch im "aufbau"), da es ne Schriftart ist sollte es wenig CPU beanspruchen.

                          sigi234S Online
                          sigi234S Online
                          sigi234
                          Forum Testing Most Active
                          schrieb am zuletzt editiert von
                          #12

                          @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                          Neues update ist online,

                          Ein Link zu Git wäre Super............

                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                          Immer Daten sichern!

                          Felix MayerhoferF 1 Antwort Letzte Antwort
                          0
                          • sigi234S sigi234

                            @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                            Neues update ist online,

                            Ein Link zu Git wäre Super............

                            Felix MayerhoferF Offline
                            Felix MayerhoferF Offline
                            Felix Mayerhofer
                            schrieb am zuletzt editiert von
                            #13

                            @sigi234 bittesehr:
                            https://github.com/runsnbunsn/ioBroker.fontui

                            sigi234S D 2 Antworten Letzte Antwort
                            0
                            • Felix MayerhoferF Felix Mayerhofer

                              @sigi234 bittesehr:
                              https://github.com/runsnbunsn/ioBroker.fontui

                              sigi234S Online
                              sigi234S Online
                              sigi234
                              Forum Testing Most Active
                              schrieb am zuletzt editiert von
                              #14

                              @Felix-Mayerhofer

                              Danke,

                              seit dem Update sind folgende TABS in der Übersicht verschwunden?

                              vis edit und info........

                              Screenshot (2971).png

                              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                              Immer Daten sichern!

                              NegaleinN 1 Antwort Letzte Antwort
                              0
                              • Felix MayerhoferF Offline
                                Felix MayerhoferF Offline
                                Felix Mayerhofer
                                schrieb am zuletzt editiert von
                                #15

                                @sigi234 hmm strange, unter instanzen sollten sie noch vorhanden sein. ist aber egal da sie derzeit nicht verwendet werden...

                                sigi234S 1 Antwort Letzte Antwort
                                0
                                • Felix MayerhoferF Felix Mayerhofer

                                  @sigi234 hmm strange, unter instanzen sollten sie noch vorhanden sein. ist aber egal da sie derzeit nicht verwendet werden...

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  schrieb am zuletzt editiert von
                                  #16

                                  @Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

                                  unter instanzen sollten sie noch vorhanden sein

                                  Ja...

                                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                  Immer Daten sichern!

                                  1 Antwort Letzte Antwort
                                  0
                                  • sigi234S sigi234

                                    @Felix-Mayerhofer

                                    Danke,

                                    seit dem Update sind folgende TABS in der Übersicht verschwunden?

                                    vis edit und info........

                                    Screenshot (2971).png

                                    NegaleinN Offline
                                    NegaleinN Offline
                                    Negalein
                                    Global Moderator
                                    schrieb am zuletzt editiert von
                                    #17

                                    @sigi234 sagte in [Neuer Adapter] iobroker.FontUI:

                                    seit dem Update sind folgende TABS in der Übersicht verschwunden?

                                    vis edit und info........

                                    Bei mir sind sie noch da!
                                    Hab gerade von GIT installiert.

                                    ° Node.js: 20.17.0 NPM: 10.8.2
                                    ° Proxmox, Ubuntu 22.04.3 LTS
                                    ° Fixer ---> iob fix

                                    sigi234S 1 Antwort Letzte Antwort
                                    0
                                    • NegaleinN Negalein

                                      @sigi234 sagte in [Neuer Adapter] iobroker.FontUI:

                                      seit dem Update sind folgende TABS in der Übersicht verschwunden?

                                      vis edit und info........

                                      Bei mir sind sie noch da!
                                      Hab gerade von GIT installiert.

                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von
                                      #18

                                      @Negalein sagte in [Neuer Adapter] iobroker.FontUI:

                                      Bei mir sind sie noch da!

                                      Welcher Host?

                                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                      Immer Daten sichern!

                                      NegaleinN 1 Antwort Letzte Antwort
                                      0
                                      • sigi234S sigi234

                                        @Negalein sagte in [Neuer Adapter] iobroker.FontUI:

                                        Bei mir sind sie noch da!

                                        Welcher Host?

                                        NegaleinN Offline
                                        NegaleinN Offline
                                        Negalein
                                        Global Moderator
                                        schrieb am zuletzt editiert von
                                        #19

                                        @sigi234 sagte in [Neuer Adapter] iobroker.FontUI:

                                        Welcher Host?

                                        Platform: linux
                                        Architecture: x64
                                        CPUs: 4
                                        Speed: 1501 MHz
                                        Model: Intel(R) Celeron(R) CPU J3455 @ 1.50GHz
                                        RAM: 9.5 GB
                                        System uptime: 2 T. 11:51:55
                                        Node.js: v8.15.1
                                        NPM: 6.4.1
                                        adapters count: 265
                                        Uptime: 18:45:21
                                        JS controller: 1.4.2

                                        ° Node.js: 20.17.0 NPM: 10.8.2
                                        ° Proxmox, Ubuntu 22.04.3 LTS
                                        ° Fixer ---> iob fix

                                        sigi234S 1 Antwort Letzte Antwort
                                        0
                                        • NegaleinN Negalein

                                          @sigi234 sagte in [Neuer Adapter] iobroker.FontUI:

                                          Welcher Host?

                                          Platform: linux
                                          Architecture: x64
                                          CPUs: 4
                                          Speed: 1501 MHz
                                          Model: Intel(R) Celeron(R) CPU J3455 @ 1.50GHz
                                          RAM: 9.5 GB
                                          System uptime: 2 T. 11:51:55
                                          Node.js: v8.15.1
                                          NPM: 6.4.1
                                          adapters count: 265
                                          Uptime: 18:45:21
                                          JS controller: 1.4.2

                                          sigi234S Online
                                          sigi234S Online
                                          sigi234
                                          Forum Testing Most Active
                                          schrieb am zuletzt editiert von
                                          #20

                                          @Negalein

                                          Vielleicht liegt es an Windows.........Ich starte mal durch...........

                                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                          Immer Daten sichern!

                                          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

                                          838

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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