Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Vorstellung] Meine aktuelle Visualisierung

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    788

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.2k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

[Vorstellung] Meine aktuelle Visualisierung

Scheduled Pinned Locked Moved Visualisierung
material uiown projectvis
35 Posts 13 Posters 8.1k Views 16 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M mrMuppet

    Hallo,

    nachdem ich immer wieder festgestellt habe, dass ich eigentlich viel weniger Bedienelemente im Alltag wirklich auf dem Tablet brauche (das beste Smarthome macht schließlich alles unsichtbar von selbst und meine Frau und Kinder schauen tatsächlich bei mir hauptsächlich auch Uhr und Wetter), habe ich überlegt meine Oberfläche wieder weiter "zuentschlacken".
    Als dann noch ein Nest Hub "ins Haus flog", habe ich mich entschieden diese Oberfläche einmal nachzubauen. Gestern begonnen, habe ich noch nicht mehr als eine erste Variante des Hauptscreen (Tag-Variante). Ich habe die Original Schrift installiert und die Google-Home/Now- Wetter-Icons gegrabbt.
    Der rechte Teil funktioniert noch nicht, aber ich überlege tatsächlich ein System zu bauen, das je nach Bedingung (Tageszeit, Wetter, etc) verschiedene "Angebote" eingeblendet werden. Tatsächlich ein wenig wie beim Google Assistant/Hub.

    Was haltet Ihr davon? Ich bin über jeden Kommentar dankbar.Screenshot_v02.png

    EDIT:
    Meine alten, wesentlich volleren, Anzeigen habe ich hier und hier vor einigen Jahren gezeigt: )

    Edit: und 2020: hier und 2022: hier und 2026: hier

    E Offline
    E Offline
    eMd
    wrote on last edited by
    #3

    @mrMuppet
    Ich hatte gern ein Export der Icons und Schriftart.

    Dankeeeeee

    MfG
    eMd

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

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

    M 1 Reply Last reply
    0
    • E eMd

      @mrMuppet
      Ich hatte gern ein Export der Icons und Schriftart.

      Dankeeeeee

      MfG
      eMd

      M Offline
      M Offline
      mrMuppet
      wrote on last edited by
      #4

      @eMd

      Wettericons (in 50px und groß - also ggf. anpassen) https://drive.google.com/file/d/1rI-EQbQpP_gtONwZS38PGNVOY7Ol3s_Y/view?usp=sharing
      Font: https://drive.google.com/file/d/1mSwUkRSXy0Dq485nFOuE-TTKOGy2HgT9/view?usp=sharing

      ioBroker auf NUC (Celeron mit Ubuntu-Server)

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

      1 Reply Last reply
      1
      • coyoteC Offline
        coyoteC Offline
        coyote
        Most Active
        wrote on last edited by
        #5

        @mrMuppet gefällt mir insgesamt sehr gut was du da machst. Du hast nicht zufällig noch einen, von mir aus auch nur teilweisen export des Views im ersten link. Der Heizplan ist da sehr gut gelungen.
        1136_screenshot_20171115-142326.png

        Oder auch das hier gefällt mir gut.
        1136_tapatalk_1393668495559.jpeg

        M 1 Reply Last reply
        0
        • coyoteC coyote

          @mrMuppet gefällt mir insgesamt sehr gut was du da machst. Du hast nicht zufällig noch einen, von mir aus auch nur teilweisen export des Views im ersten link. Der Heizplan ist da sehr gut gelungen.
          1136_screenshot_20171115-142326.png

          Oder auch das hier gefällt mir gut.
          1136_tapatalk_1393668495559.jpeg

          M Offline
          M Offline
          mrMuppet
          wrote on last edited by
          #6

          @coyote Vielen Dank für dein Lob! Leider bin ich nur wenig Programmierer, dafür bin ich recht fit im Photoshop. Deshalb sind meine Views hauptsächlich ein Hintergrundbild mit schönen Effekten und da dann alles ordentlich drauf arrangiert. Ich vermute du kannst deshalb recht wenig mit einem exportierten View von mir anfangen. Der zweite Screenshot ist glaube ich noch aus meiner Mediola-zeit. Deshalb leider nicht iobroker kompatibel aber als Inspirationsquelle hoffentlich brauchbar.
          Wenn ich das falsch einschätze und du doch irgendwas mit meinen Views anfangen kannst, dann kann ich dir die auch gerne exportieren.

          Im Moment würde ich ja gerne von den sehr statischen Seiten weg und etwas variabler bauen. Leider hab ich keine Ahnung wie ich das anfangen soll.
          Vielleicht könnt ihr mir helfen.

          ioBroker auf NUC (Celeron mit Ubuntu-Server)

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

          1 Reply Last reply
          0
          • M mrMuppet

            Hallo,

            nachdem ich immer wieder festgestellt habe, dass ich eigentlich viel weniger Bedienelemente im Alltag wirklich auf dem Tablet brauche (das beste Smarthome macht schließlich alles unsichtbar von selbst und meine Frau und Kinder schauen tatsächlich bei mir hauptsächlich auch Uhr und Wetter), habe ich überlegt meine Oberfläche wieder weiter "zuentschlacken".
            Als dann noch ein Nest Hub "ins Haus flog", habe ich mich entschieden diese Oberfläche einmal nachzubauen. Gestern begonnen, habe ich noch nicht mehr als eine erste Variante des Hauptscreen (Tag-Variante). Ich habe die Original Schrift installiert und die Google-Home/Now- Wetter-Icons gegrabbt.
            Der rechte Teil funktioniert noch nicht, aber ich überlege tatsächlich ein System zu bauen, das je nach Bedingung (Tageszeit, Wetter, etc) verschiedene "Angebote" eingeblendet werden. Tatsächlich ein wenig wie beim Google Assistant/Hub.

            Was haltet Ihr davon? Ich bin über jeden Kommentar dankbar.Screenshot_v02.png

            EDIT:
            Meine alten, wesentlich volleren, Anzeigen habe ich hier und hier vor einigen Jahren gezeigt: )

            Edit: und 2020: hier und 2022: hier und 2026: hier

            D Offline
            D Offline
            dos1973
            wrote on last edited by
            #7

            @mrMuppet
            Sieht super aus. Ich bin auch dabei dass deutlich schlanker zu gestalten, zumindest auf der Hauptseite.

            Mein Problem derzeit noch, ausblenden/ einblenden der Boxen geht, nur würde auch gerne die Positionen verändern, also um bei deinem Bespiel zu bleiben, ich würde gerne weitere Schaltflächen bei Bedarf anfügen, aber wenn die nicht sichtbar sind sollen keine Freiräume bleiben, also alles soll nach oben nachrutschen...

            ich hoffe einigermaßen verständlich ;)

            M 1 Reply Last reply
            0
            • D dos1973

              @mrMuppet
              Sieht super aus. Ich bin auch dabei dass deutlich schlanker zu gestalten, zumindest auf der Hauptseite.

              Mein Problem derzeit noch, ausblenden/ einblenden der Boxen geht, nur würde auch gerne die Positionen verändern, also um bei deinem Bespiel zu bleiben, ich würde gerne weitere Schaltflächen bei Bedarf anfügen, aber wenn die nicht sichtbar sind sollen keine Freiräume bleiben, also alles soll nach oben nachrutschen...

              ich hoffe einigermaßen verständlich ;)

              M Offline
              M Offline
              mrMuppet
              wrote on last edited by
              #8

              @dos1973 Genauso stelle ich mir das auch bei mir vor. Also wenn du einen Weg gefunden hast, deine Darstellung zu realisieren, dann sag mir bitte bescheid! In meinem aktuellen Screen habe ich einfach zwei Varianten (hell/dunkel) wo dann an Stelle der Markise nach Sonnenuntergang die Rolladen gesteuert werden. Aber das möchte ich halt auch zu anderen Zeiten variabler gestalten. - Eben genau wie du beschrieben hast!

              ioBroker auf NUC (Celeron mit Ubuntu-Server)

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

              1 Reply Last reply
              0
              • D Offline
                D Offline
                dos1973
                wrote on last edited by dos1973
                #9

                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

                M G 2 Replies Last reply
                2
                • 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

                  M Offline
                  M Offline
                  mrMuppet
                  wrote on last edited by mrMuppet
                  #10

                  @dos1973 Sehr gut gelungen! Auch mal vom Design her sehr gelungen und in der Beziehung besser als 95% aller Views die ich bisher hier gesehen habe. Glückwunsch! Vermutlich werde ich auch erstmal mit einzeiligen Feldern arbeiten die dann durchgetauscht werden.
                  Wie verknüpfst du die wechselnden Funktionen mit dem Text?

                  ioBroker auf NUC (Celeron mit Ubuntu-Server)

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

                  D 1 Reply Last reply
                  0
                  • M mrMuppet

                    @dos1973 Sehr gut gelungen! Auch mal vom Design her sehr gelungen und in der Beziehung besser als 95% aller Views die ich bisher hier gesehen habe. Glückwunsch! Vermutlich werde ich auch erstmal mit einzeiligen Feldern arbeiten die dann durchgetauscht werden.
                    Wie verknüpfst du die wechselnden Funktionen mit dem Text?

                    D Offline
                    D Offline
                    dos1973
                    wrote on last edited by
                    #11

                    @mrMuppet
                    Aktuell nur über die Sichtbarkeit... bei bestimmten Werten.
                    Ich zähle die Lampen, Fenster etc, bei 0 Text A, ansonsten Text B mit der gezählten Zahl.

                    1 Reply Last reply
                    0
                    • F Offline
                      F Offline
                      Förster
                      wrote on last edited by
                      #12

                      Sag mal @dos1973 wie hast du das mit dem transparenten Bild bzw. Rahmen auf dem Hintergrundbild gemacht ? Das sieht super aus und würde ich gern bei mir übernehmen.

                      Grüße
                      Christian

                      D 1 Reply Last reply
                      0
                      • F Förster

                        Sag mal @dos1973 wie hast du das mit dem transparenten Bild bzw. Rahmen auf dem Hintergrundbild gemacht ? Das sieht super aus und würde ich gern bei mir übernehmen.

                        Grüße
                        Christian

                        D Offline
                        D Offline
                        dos1973
                        wrote on last edited by dos1973
                        #13

                        @Förster
                        Einfach den hintergrund weiss einfärben und mit „opacity“ spielen. Bei mir 0.2 (punkt, kein komma)

                        css

                        .transparent_box{
                            opacity:0.2;
                            background-color:#ffffff;
                            padding-left:0px;
                            padding-top:0px;
                            border:#acacac solid 1px;
                            border-radius:8px;
                            box-shadow:6px 0px 12px 0 #161616;
                            z-index:1;
                        }
                        
                        1 Reply Last reply
                        0
                        • F Offline
                          F Offline
                          Förster
                          wrote on last edited by
                          #14

                          Danke, das teste ich mal!

                          Eine Frage noch: das Hintergrundbild, ist das ein Nordlicht? Oder Sonnenuntergang?

                          D 1 Reply Last reply
                          0
                          • F Förster

                            Danke, das teste ich mal!

                            Eine Frage noch: das Hintergrundbild, ist das ein Nordlicht? Oder Sonnenuntergang?

                            D Offline
                            D Offline
                            dos1973
                            wrote on last edited by
                            #15

                            @Förster
                            ?? ;-)
                            keine Ahnung, irgendein Bild aus dem Internet, ich lege gerne den Blur Filter drauf...

                            .blur{
                                  /* Add the blur effect */
                                 filter: blur(4px);
                                -webkit-filter: blur(20px);
                            }
                            

                            @mrMuppet : sorry, wenn dein Thread hier gekapert/ missbraucht wird

                            M 1 Reply Last reply
                            0
                            • D dos1973

                              @Förster
                              ?? ;-)
                              keine Ahnung, irgendein Bild aus dem Internet, ich lege gerne den Blur Filter drauf...

                              .blur{
                                    /* Add the blur effect */
                                   filter: blur(4px);
                                  -webkit-filter: blur(20px);
                              }
                              

                              @mrMuppet : sorry, wenn dein Thread hier gekapert/ missbraucht wird

                              M Offline
                              M Offline
                              mrMuppet
                              wrote on last edited by
                              #16

                              @dos1973 gibt's irgend nen Grund das Live im Browser und nicht vorher im Photoshop zu machen?

                              ioBroker auf NUC (Celeron mit Ubuntu-Server)

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

                              D 1 Reply Last reply
                              0
                              • M mrMuppet

                                @dos1973 gibt's irgend nen Grund das Live im Browser und nicht vorher im Photoshop zu machen?

                                D Offline
                                D Offline
                                dos1973
                                wrote on last edited by
                                #17

                                @mrMuppet
                                ich kann es leider nur so ;-)

                                1 Reply Last reply
                                0
                                • E Offline
                                  E Offline
                                  eMd
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  0
                                  • htreckslerH Offline
                                    htreckslerH Offline
                                    htrecksler
                                    Forum Testing
                                    wrote on last edited by
                                    #19

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

                                    Gruss Hermann

                                    ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

                                    E 1 Reply Last reply
                                    0
                                    • htreckslerH htrecksler

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

                                      E Offline
                                      E Offline
                                      eMd
                                      wrote on last edited by
                                      #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 Reply Last reply
                                      0
                                      • htreckslerH Offline
                                        htreckslerH Offline
                                        htrecksler
                                        Forum Testing
                                        wrote on last edited by
                                        #21

                                        kannst Du die Schriftart nicht einfach reinschreiben?

                                        Gruss Hermann

                                        ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

                                        1 Reply Last reply
                                        0
                                        • E Offline
                                          E Offline
                                          eMd
                                          wrote on last edited by
                                          #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 Reply Last reply
                                          0

                                          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                          With your input, this post could be even better 💗

                                          Register Login
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          588

                                          Online

                                          32.8k

                                          Users

                                          82.7k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe