Skip to content
  • 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
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Vorstellung] Meine aktuelle Visualisierung

NEWS

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

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

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

[Vorstellung] Meine aktuelle Visualisierung

Geplant Angeheftet Gesperrt Verschoben Visualisierung
material uiown projectvis
35 Beiträge 13 Kommentatoren 7.7k 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.
  • E Offline
    E Offline
    eMd
    schrieb am zuletzt editiert von
    #18

    Hallo,

    wie kann ich eine Schriftart einbinden? Habe sie hochgeladen auf den iobroker, kann aber die Schriftart nirgends auswählen...

    MfG
    eMd

    Master: Intel NUC 16GB/500GB
    Slave: Raspberry Pi 3 + Homematicmodul
    Shelly, Google Home, Zigbee Aqara, Sonoff

    Meine VIS: https://youtu.be/JMYr2KYlpME

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

      der Client /Tablet/PC/Handy muss die Schriftart können/kennen

      Gruss Hermann

      ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

      E 1 Antwort Letzte Antwort
      0
      • htreckslerH htrecksler

        der Client /Tablet/PC/Handy muss die Schriftart können/kennen

        E Offline
        E Offline
        eMd
        schrieb am zuletzt editiert von
        #20

        @htrecksler
        Ja das ist klar, aber wie kann ich die Schriftart in der VIS auswählen? Sie wird mir unter fonts nicht angezeigt bei CSS Font... Das ist mein eigentliches Problem ☺️

        Master: Intel NUC 16GB/500GB
        Slave: Raspberry Pi 3 + Homematicmodul
        Shelly, Google Home, Zigbee Aqara, Sonoff

        Meine VIS: https://youtu.be/JMYr2KYlpME

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

          kannst Du die Schriftart nicht einfach reinschreiben?

          Gruss Hermann

          ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

          1 Antwort Letzte Antwort
          0
          • E Offline
            E Offline
            eMd
            schrieb am zuletzt editiert von
            #22

            Nein, das funktioniert nicht. Nichjt mit dem Namen und auch nicht mit dem Pfad zur Datei...

            Master: Intel NUC 16GB/500GB
            Slave: Raspberry Pi 3 + Homematicmodul
            Shelly, Google Home, Zigbee Aqara, Sonoff

            Meine VIS: https://youtu.be/JMYr2KYlpME

            D 1 Antwort Letzte Antwort
            0
            • E eMd

              Nein, das funktioniert nicht. Nichjt mit dem Namen und auch nicht mit dem Pfad zur Datei...

              D Offline
              D Offline
              dmm
              schrieb am zuletzt editiert von
              #23

              @eMd https://forum.iobroker.net/topic/938/schriftarten/2

              ... hatte auch das Problem, so geht’s ganz leicht.

              1 Antwort Letzte Antwort
              0
              • M Offline
                M Offline
                mrMuppet
                schrieb am zuletzt editiert von
                #24

                Hab meinen Look jetzt etwas von der Nest-Oberfläche entfernt. Aber inhaltlich soll es immer noch so variabel bleiben: Also die Rolladen-Tasten nur morgens wenn sie noch unten sind oder abends, die Markise nur bei Sonnenschein am Nachmittag bis abend, das Licht erst ab Dämmerung etc....

                Hatte ich eigentlich auch ganz schön gemacht: ein Button für die Hauptfunktion und eine Taste um alle Einstellmöglichkeiten zu dem Gewerk zu erreichen. Damit ich bei der Belegung des Buttons flexibel bin, habe ich jeweil eine kleinen View gebaut der dann über "View in Widget" eingebunden wird. Aber leider ist das auch das Problem. Zum einen funktioniert die Darstellung des Widgets bei mir nicht zuverlässig (im Browser schon, in der Vis-app nicht) - zum anderen können leider nur 8 Views verwendet werden. 😢
                Leider kenne ich mich mit CSS nicht aus... wie kann ich das ganze doch realisieren? Also mit Views die an wechselnden Positionen angezeigt werden?

                9aa17f0f-8884-4db7-8648-7ef61254b88c-image.png

                ioBroker auf NUC (Celeron mit Ubuntu-Server)

                Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                T 1 Antwort Letzte Antwort
                0
                • M Offline
                  M Offline
                  mrMuppet
                  schrieb am zuletzt editiert von
                  #25

                  Wegen der o.g. Probleme meine Anzeigen variabel genug zu gestalten, habe ich mich für ein neues Konzept entschieden: es werden nur die vier Hauptbereiche "Licht", "Beschattung", "Staubsauger" und "Heizung" mit jeweils einer Preset-funktion in der Hauptansicht dargestellt. Ist halt wirklich schade, dass die Vis-App mit dem Material-design-widget nicht klarkommt. Aber zur Not wird es halt als Hintergrundbild (dann leider ohne Animation) verwirklicht.

                  0f2cfb1f-5238-4b99-8a0e-04c69dd9e4fc-image.png

                  ioBroker auf NUC (Celeron mit Ubuntu-Server)

                  Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                  S 1 Antwort Letzte Antwort
                  0
                  • M mrMuppet

                    Wegen der o.g. Probleme meine Anzeigen variabel genug zu gestalten, habe ich mich für ein neues Konzept entschieden: es werden nur die vier Hauptbereiche "Licht", "Beschattung", "Staubsauger" und "Heizung" mit jeweils einer Preset-funktion in der Hauptansicht dargestellt. Ist halt wirklich schade, dass die Vis-App mit dem Material-design-widget nicht klarkommt. Aber zur Not wird es halt als Hintergrundbild (dann leider ohne Animation) verwirklicht.

                    0f2cfb1f-5238-4b99-8a0e-04c69dd9e4fc-image.png

                    S Offline
                    S Offline
                    SaiBot1981
                    schrieb am zuletzt editiert von
                    #26

                    @mrMuppet said in [Vorstellung] Meine aktuelle Visualisierung:

                    Wegen der o.g. Probleme meine Anzeigen variabel genug zu gestalten, habe ich mich für ein neues Konzept entschieden: es werden nur die vier Hauptbereiche "Licht", "Beschattung", "Staubsauger" und "Heizung" mit jeweils einer Preset-funktion in der Hauptansicht dargestellt. Ist halt wirklich schade, dass die Vis-App mit dem Material-design-widget nicht klarkommt. Aber zur Not wird es halt als Hintergrundbild (dann leider ohne Animation) verwirklicht.

                    0f2cfb1f-5238-4b99-8a0e-04c69dd9e4fc-image.png

                    Also das sieht echt mega aus. das übersteigt aber meine Künste.....

                    1 Antwort Letzte Antwort
                    0
                    • M mrMuppet

                      Hab meinen Look jetzt etwas von der Nest-Oberfläche entfernt. Aber inhaltlich soll es immer noch so variabel bleiben: Also die Rolladen-Tasten nur morgens wenn sie noch unten sind oder abends, die Markise nur bei Sonnenschein am Nachmittag bis abend, das Licht erst ab Dämmerung etc....

                      Hatte ich eigentlich auch ganz schön gemacht: ein Button für die Hauptfunktion und eine Taste um alle Einstellmöglichkeiten zu dem Gewerk zu erreichen. Damit ich bei der Belegung des Buttons flexibel bin, habe ich jeweil eine kleinen View gebaut der dann über "View in Widget" eingebunden wird. Aber leider ist das auch das Problem. Zum einen funktioniert die Darstellung des Widgets bei mir nicht zuverlässig (im Browser schon, in der Vis-app nicht) - zum anderen können leider nur 8 Views verwendet werden. 😢
                      Leider kenne ich mich mit CSS nicht aus... wie kann ich das ganze doch realisieren? Also mit Views die an wechselnden Positionen angezeigt werden?

                      9aa17f0f-8884-4db7-8648-7ef61254b88c-image.png

                      T Offline
                      T Offline
                      Tirador
                      schrieb am zuletzt editiert von
                      #27

                      @mrMuppet Finde dein Design sehr gelungen. Würdest Du einen Export des Projekts veröffentlichen? 🙂

                      M 1 Antwort Letzte Antwort
                      0
                      • D dos1973

                        ich glaube ohne jemanden der code/ programmieren kann wird das nichts 😉 also zumindest von meiner Seite.

                        ungeachtet dessen hat mich dein oben gezeigtes Beispiel inspiriert und ich habe bei Dir abgeschaut und es nachgebaut 😉 Danke für die tolle Idee!

                        fully-screenshot-4.png

                        die Texte ändern sich entsprechend des Stats

                        G Offline
                        G Offline
                        g.polat
                        schrieb am zuletzt editiert von
                        #28

                        @dos1973 sagte in [Vorstellung] Meine aktuelle Visualisierung:

                        ich glaube ohne jemanden der code/ programmieren kann wird das nichts 😉 also zumindest von meiner Seite.

                        ungeachtet dessen hat mich dein oben gezeigtes Beispiel inspiriert und ich habe bei Dir abgeschaut und es nachgebaut 😉 Danke für die tolle Idee!

                        fully-screenshot-4.png

                        die Texte ändern sich entsprechend des Stats

                        Wenn du das Projekt noch irgendwo hast, hätte ich auch Interesse

                        D 1 Antwort Letzte Antwort
                        0
                        • G g.polat

                          @dos1973 sagte in [Vorstellung] Meine aktuelle Visualisierung:

                          ich glaube ohne jemanden der code/ programmieren kann wird das nichts 😉 also zumindest von meiner Seite.

                          ungeachtet dessen hat mich dein oben gezeigtes Beispiel inspiriert und ich habe bei Dir abgeschaut und es nachgebaut 😉 Danke für die tolle Idee!

                          fully-screenshot-4.png

                          die Texte ändern sich entsprechend des Stats

                          Wenn du das Projekt noch irgendwo hast, hätte ich auch Interesse

                          D Offline
                          D Offline
                          dos1973
                          schrieb am zuletzt editiert von
                          #29

                          @g-polat

                          hi,

                          anbei die views, das Hintergrundbild habe ich nicht mehr.
                          importiere alle 3 views mit genau den Namen die ich verwende.

                          00_vis5_start
                          100_sidebar
                          100_scroll_status

                          wie gesagt, habe es nicht mehr in Nutzung... d.h es fehlt ,eider das eine oder andere icon.

                          G 1 Antwort Letzte Antwort
                          1
                          • D dos1973

                            @g-polat

                            hi,

                            anbei die views, das Hintergrundbild habe ich nicht mehr.
                            importiere alle 3 views mit genau den Namen die ich verwende.

                            00_vis5_start
                            100_sidebar
                            100_scroll_status

                            wie gesagt, habe es nicht mehr in Nutzung... d.h es fehlt ,eider das eine oder andere icon.

                            G Offline
                            G Offline
                            g.polat
                            schrieb am zuletzt editiert von
                            #30

                            @dos1973 sagte in [Vorstellung] Meine aktuelle Visualisierung:

                            @g-polat

                            hi,

                            anbei die views, das Hintergrundbild habe ich nicht mehr.
                            importiere alle 3 views mit genau den Namen die ich verwende.

                            00_vis5_start
                            100_sidebar
                            100_scroll_status

                            wie gesagt, habe es nicht mehr in Nutzung... d.h es fehlt ,eider das eine oder andere icon.

                            Perfekt, vielen Dank.

                            1 Antwort Letzte Antwort
                            0
                            • T Tirador

                              @mrMuppet Finde dein Design sehr gelungen. Würdest Du einen Export des Projekts veröffentlichen? 🙂

                              M Offline
                              M Offline
                              mrMuppet
                              schrieb am zuletzt editiert von mrMuppet
                              #31

                              @Tirador Ich kann hier mal versuchen den View zu exportieren. Ich hab aber keine Ahnung ob jemand damit etwas anfangen kann.

                              Wenn euch bestimmte Dateien fehlen, dann sagt mir einfach bescheid.

                              Edit: Wegen möglicher Urheberrechtsprobleme mit den eingebundenen Grafiken habe ich den Dateianhang entfernt.

                              ioBroker auf NUC (Celeron mit Ubuntu-Server)

                              Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                              1 Antwort Letzte Antwort
                              0
                              • M Offline
                                M Offline
                                mscustom
                                schrieb am zuletzt editiert von
                                #32

                                Moin,
                                nachdem ich jetzt die meisten Objekte soweit zum Laufen gebracht habe und ein wenig mit den verschiedenen Visualisierungen probiert habe, habe ich jetzt deine Visu gesehen @mrMuppet. Das ist wirklich großartig und im Welten besser als das was ich bisher gesehen habe.

                                Dein Export beinhaltet leider nur die Bilder (png's) 😞

                                Ich komme selbst aus der Web-Developer-Ecke und würde gerne dein Grund-Layout verwenden um schonmal einen guten Start zu haben.

                                M 1 Antwort Letzte Antwort
                                0
                                • M mscustom

                                  Moin,
                                  nachdem ich jetzt die meisten Objekte soweit zum Laufen gebracht habe und ein wenig mit den verschiedenen Visualisierungen probiert habe, habe ich jetzt deine Visu gesehen @mrMuppet. Das ist wirklich großartig und im Welten besser als das was ich bisher gesehen habe.

                                  Dein Export beinhaltet leider nur die Bilder (png's) 😞

                                  Ich komme selbst aus der Web-Developer-Ecke und würde gerne dein Grund-Layout verwenden um schonmal einen guten Start zu haben.

                                  M Offline
                                  M Offline
                                  mrMuppet
                                  schrieb am zuletzt editiert von
                                  #33

                                  @mscustom sagte in [Vorstellung] Meine aktuelle Visualisierung:

                                  Dein Export beinhaltet leider nur die Bilder (png's) 😞

                                  Hoops! Stimmt... Hier kommt der View main_export_v01.txt

                                  ioBroker auf NUC (Celeron mit Ubuntu-Server)

                                  Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                                  1 Antwort Letzte Antwort
                                  0
                                  • M Offline
                                    M Offline
                                    mrMuppet
                                    schrieb am zuletzt editiert von mrMuppet
                                    #34

                                    Der Vollständigkeit halber zeige ich hier auch noch den finalen Zustand dieser Visu.
                                    Inzwischen arbeite ich aber an einer neuen die ihr hier finden könnt.

                                    Material_design_2020_01.jpg Material_design_2020_06.jpg Material_design_2020_05.jpg Material_design_2020_04.jpg Material_design_2020_03.jpg Material_design_2020_02.jpg

                                    ioBroker auf NUC (Celeron mit Ubuntu-Server)

                                    Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                                    N 1 Antwort Letzte Antwort
                                    1
                                    • M mrMuppet

                                      Der Vollständigkeit halber zeige ich hier auch noch den finalen Zustand dieser Visu.
                                      Inzwischen arbeite ich aber an einer neuen die ihr hier finden könnt.

                                      Material_design_2020_01.jpg Material_design_2020_06.jpg Material_design_2020_05.jpg Material_design_2020_04.jpg Material_design_2020_03.jpg Material_design_2020_02.jpg

                                      N Offline
                                      N Offline
                                      nousefor82
                                      schrieb am zuletzt editiert von
                                      #35

                                      @mrmuppet

                                      Schönes Farbschema, sehr aufgeräumt und übersichtlich.

                                      Wie auch die VISen(?) von @dos1973 genau mein Geschmack!

                                      Du müsstest jedoch die Kachel: Schaltsteckdose Küche ein paar Pixel nach unten korrigieren 😜

                                      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

                                      725

                                      Online

                                      32.4k

                                      Benutzer

                                      81.4k

                                      Themen

                                      1.3m

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

                                      • Du hast noch kein Konto? Registrieren

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