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. [Update][Download] Dashboard — clean, „Gira“-like

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    13
    1
    147

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

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

[Update][Download] Dashboard — clean, „Gira“-like

Scheduled Pinned Locked Moved Visualisierung
visown projectios app
42 Posts 13 Posters 7.8k Views 17 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.
  • frankthegreatF frankthegreat

    @mxbr Das Dashboard gefällt mir ausgesprochen gut :+1:
    Schön aufgeräumt und übersichtlich.
    Bin allerdings mit Vis nicht so bewandert :disappointed:
    Wie bekomme ich denn dein Projekt implementiert?
    Also welche Datei muss wohin?

    Dashboard Datein.jpg

    Eine kleine Anleitung wäre nicht schlecht.
    Sorry für die Anfängerfragen :confused:

    machs-smart.deM Offline
    machs-smart.deM Offline
    machs-smart.de
    wrote on last edited by
    #28

    @frankthegreat hast du noch Anregungen?

    www.machs-smart.de
    Anleitungen und Tutorials rund um ioBroker

    1 Reply Last reply
    0
    • machs-smart.deM machs-smart.de

      @sigi234 Danke, habe es aktualisiert! Grüße

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      wrote on last edited by sigi234
      #29

      @mxbr sagte in [Update][Download] Dashboard — clean, „Gira“-like:

      @sigi234 Danke, habe es aktualisiert! Grüße

      Hallo, welche Werte müssen die DP haben?

      21:41:22.802	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
      21:41:22.810	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
      21:41:22.823	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
      21:41:29.312	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
      21:41:29.317	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
      21:41:29.323	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
      21:43:27.921	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
      21:43:27.922	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
      21:43:27.925	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
      21:43:27.926	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
      21:43:27.927	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
      21:43:27.927	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
      21:43:27.928	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
      21:43:27.929	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
      21:43:27.930	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:34:3)
      21:44:51.188	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
      21:44:51.195	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
      21:44:51.211	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
      

      Screenshot (54).png

      Ok, glaube Sigi ist Falsch. Was gehört hier rein?

      Screenshot (56).png

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

      machs-smart.deM 1 Reply Last reply
      0
      • sigi234S sigi234

        @mxbr sagte in [Update][Download] Dashboard — clean, „Gira“-like:

        @sigi234 Danke, habe es aktualisiert! Grüße

        Hallo, welche Werte müssen die DP haben?

        21:41:22.802	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
        21:41:22.810	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
        21:41:22.823	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
        21:41:29.312	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
        21:41:29.317	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
        21:41:29.323	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
        21:43:27.921	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
        21:43:27.922	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
        21:43:27.925	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
        21:43:27.926	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
        21:43:27.927	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
        21:43:27.927	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
        21:43:27.928	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
        21:43:27.929	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:30:37)
        21:43:27.930	warn	javascript.0 (892) at Object.<anonymous> (script.js.Smart_Home_Dashboard.Batterie:34:3)
        21:44:51.188	info	javascript.0 (892) Stop script script.js.Smart_Home_Dashboard.Batterie
        21:44:51.195	info	javascript.0 (892) Start javascript script.js.Smart_Home_Dashboard.Batterie
        21:44:51.211	info	javascript.0 (892) script.js.Smart_Home_Dashboard.Batterie: registered 32 subscriptions and 0 schedules
        

        Screenshot (54).png

        Ok, glaube Sigi ist Falsch. Was gehört hier rein?

        Screenshot (56).png

        machs-smart.deM Offline
        machs-smart.deM Offline
        machs-smart.de
        wrote on last edited by
        #30

        @sigi234 damit kannst du Werte ausschließen. Bei mir hat es den Lade-State des iPads angezeigt, daher habe ich diesen mit „ipad“ ausgeschlossen.

        Viele Grüße

        www.machs-smart.de
        Anleitungen und Tutorials rund um ioBroker

        1 Reply Last reply
        0
        • SWE1008S Offline
          SWE1008S Offline
          SWE1008
          wrote on last edited by
          #31

          @mxbr Hallo, erst mal danke für deine Arbeit. Es gibt 2 Dinge die leider nicht so funktionieren wie sie sollen.

          1. Das Fenster Tabellen Skript legt riesige Bilder an. Können diese etwas „beschnitten“ werden?
          2. Ich nutze es in der iOS App. Da funktioniert leider der automatische Wechsel in den Nachtmodus und umgekehrt nicht. Erst wenn man die Vis händisch aktualisiert (Doppel Tap mit 2 Fingern) wird in den Nachtmodus gewechselt.
          machs-smart.deM 1 Reply Last reply
          0
          • SWE1008S SWE1008

            @mxbr Hallo, erst mal danke für deine Arbeit. Es gibt 2 Dinge die leider nicht so funktionieren wie sie sollen.

            1. Das Fenster Tabellen Skript legt riesige Bilder an. Können diese etwas „beschnitten“ werden?
            2. Ich nutze es in der iOS App. Da funktioniert leider der automatische Wechsel in den Nachtmodus und umgekehrt nicht. Erst wenn man die Vis händisch aktualisiert (Doppel Tap mit 2 Fingern) wird in den Nachtmodus gewechselt.
            machs-smart.deM Offline
            machs-smart.deM Offline
            machs-smart.de
            wrote on last edited by
            #32

            @SWeimar 1. sollte durch CSS angepasst werden. Welche Browser nutzt du? Andernfalls kann man im Blockly eine width/height-Angabe in das img-Tag schreiben.

            1. das ist nicht nur beim Nachtmodus so, sondern bei vielen anderen Dingen auch, die durch Aktualisierung geupdated werden. Hier gibt es Abhilfe, in dem im VIS-Editor unter Scripte folgendes eingefügt wird:
            setTimeout(function(){
               window.location.reload(1);
            }, 600000);
            

            Dadurch aktualisiert sich die VIS alle 10 Minuten automatisch. Die Funktion ist im neusten Download schon integriert.

            Viele Grüße

            www.machs-smart.de
            Anleitungen und Tutorials rund um ioBroker

            SWE1008S 1 Reply Last reply
            0
            • machs-smart.deM machs-smart.de

              @SWeimar 1. sollte durch CSS angepasst werden. Welche Browser nutzt du? Andernfalls kann man im Blockly eine width/height-Angabe in das img-Tag schreiben.

              1. das ist nicht nur beim Nachtmodus so, sondern bei vielen anderen Dingen auch, die durch Aktualisierung geupdated werden. Hier gibt es Abhilfe, in dem im VIS-Editor unter Scripte folgendes eingefügt wird:
              setTimeout(function(){
                 window.location.reload(1);
              }, 600000);
              

              Dadurch aktualisiert sich die VIS alle 10 Minuten automatisch. Die Funktion ist im neusten Download schon integriert.

              Viele Grüße

              SWE1008S Offline
              SWE1008S Offline
              SWE1008
              wrote on last edited by
              #33

              @mxbr ok, ich denke ich versuche den neuesten Download. Damit sollten meine Probleme behoben sein.

              1 Reply Last reply
              0
              • machs-smart.deM machs-smart.de

                alt text

                UPDATE: Überarbeitete VIS mit Tabs/Menü und Nachtmodus. Download unter https://www.machs-smart.de/iobroker-vis-machs-smart-de/

                Vorschauscreens unter o.g. Link.

                Eine ausführliche Anleitung ist in Arbeit. Bei Fragen bitte fragen.

                Statusleiste
                In der Statusleiste bekommst du auf einen Blick den Status deiner geöffnete Fenster oder deiner geöffnete Markise. Zusätzlich wird dir die Innentemperatur sowie die Luftfeuchtigkeit angezeigt.

                Batterie-Anzeige
                Die Visualisierung läuft in der ioBroker-App. Dadurch kannst du zusätzlich den Batterie-Stand deines iPads abfragen und in der Vis anzeigen lassen.

                Alarmanlage
                Über bedienbare Icons kannst du deine Alarmanlage in den Zustand „Zuhause“, „Nacht“ oder „Abwesend“ setzen. Ein „Urlaubsmodus“ ist in Planung — das Icon ist aber bereits integriert.

                Termine
                Pro Person kannst werden standardmäßig 2 Termine angezeigt. Findet „heute“ ein Termin statt, wirst du über einen roten Punkt vor dem Termin darüber informiert.

                Müllabfuhr
                Du wirst über kommende Leerungen gängiger Tonnen informiert. Findet „heute“ eine Leerung statt, wirst du über einen roten Punkt vor dem entsprechenden Termin darüber informiert.

                Wetter
                Die Wetteranzeige informiert dich mit Temperatur, Icon, Wind und Niederschlag über die jetzige Wetterlage, sowie in einer Stunde. Zusätzlich erhältst du die Anzeige über das prinzipielle Wetter von „heute“ und die nächsten beiden Tage.

                Sobald eine Wetterwarnung des DWD ausgegeben wird, legt sich ein rotes Popup über die Wettervorschau und informiert dich über die Wetterwarnung.

                Countdown
                Hier kannst du dir bis zu drei Countdowns einrichten. Du erhältst einen Überblick über die verbleibenden Tage in groß sowie die verbleibenden Tage und Monate in klein.

                Adapter

                • iCal
                • Countdown
                • Trashschedule
                • daswetter
                • DWD (Deutscher Wetter Dienst)

                Download:
                http://www.machs-smart.de/iobroker-vis-machs-smart-de/

                Agria4800A Offline
                Agria4800A Offline
                Agria4800
                wrote on last edited by Agria4800
                #34

                @mxbr: coole Vis, hat was. :+1:
                Ich spiele auch gerade mal etwas und hab mal 2 Fragen:

                Ab wann wechselt es in den Nachtmodus, kann ich das in der css einstellen?

                Wie hast du das mit dem Unterstrich im Status Elemente und Übersicht gemacht, wenn du in die jeweilige View wechselst?

                machs-smart.deM 1 Reply Last reply
                0
                • Agria4800A Agria4800

                  @mxbr: coole Vis, hat was. :+1:
                  Ich spiele auch gerade mal etwas und hab mal 2 Fragen:

                  Ab wann wechselt es in den Nachtmodus, kann ich das in der css einstellen?

                  Wie hast du das mit dem Unterstrich im Status Elemente und Übersicht gemacht, wenn du in die jeweilige View wechselst?

                  machs-smart.deM Offline
                  machs-smart.deM Offline
                  machs-smart.de
                  wrote on last edited by
                  #35

                  @Agria4800 die Uhrzeit für den Darkmodus kannst du unter Scripte einstellen.

                  Den Strich bekommst du im jeweiligen View-Fenster, nicht im Menü.

                  Viele Grüße

                  www.machs-smart.de
                  Anleitungen und Tutorials rund um ioBroker

                  Agria4800A GlasfaserG 2 Replies Last reply
                  0
                  • machs-smart.deM machs-smart.de

                    @Agria4800 die Uhrzeit für den Darkmodus kannst du unter Scripte einstellen.

                    Den Strich bekommst du im jeweiligen View-Fenster, nicht im Menü.

                    Viele Grüße

                    Agria4800A Offline
                    Agria4800A Offline
                    Agria4800
                    wrote on last edited by
                    #36

                    @mxbr Danke :-)

                    1 Reply Last reply
                    0
                    • SWE1008S Offline
                      SWE1008S Offline
                      SWE1008
                      wrote on last edited by SWE1008
                      #37

                      @mxbr ich habe noch folgendes Problem: wenn ich auf die Status oder Wetter etc. Seite wechsle verschwindet nach ca. 30-60 Sekunden jeglicher Inhalt. Das siehst dann so aus
                      B1EC4658-D328-4687-8976-1FE0E7AAFE7D.png
                      Auf der Übersicht Seite passiert das nicht.

                      Es passiert mit jedem Browser (Edge, Firefox, Chrome, Safari) und in der iOS App.

                      G machs-smart.deM 2 Replies Last reply
                      0
                      • SWE1008S SWE1008

                        @mxbr ich habe noch folgendes Problem: wenn ich auf die Status oder Wetter etc. Seite wechsle verschwindet nach ca. 30-60 Sekunden jeglicher Inhalt. Das siehst dann so aus
                        B1EC4658-D328-4687-8976-1FE0E7AAFE7D.png
                        Auf der Übersicht Seite passiert das nicht.

                        Es passiert mit jedem Browser (Edge, Firefox, Chrome, Safari) und in der iOS App.

                        G Offline
                        G Offline
                        gutgut30
                        wrote on last edited by
                        #38

                        Ufff, also ich habe mich mal dran versucht. Leider finde ich es etwas komplex was die Anpassung betrifft, da steige ich trotz viel Klicken und suchen nicht durch. Super schade.

                        Das Wetter ist allerdings aktuell auch super gut, ich denke das wird eher ein Winterprojekt werden ;)

                        Als Inspiration wie so ein VIS ausschauen kann, hat es aber klar geholfen. Die anderen hier gezeigten Visualisierungen sind mir alle viel viel viel zu Tech-lastig und nicht "schön" oder "intuitiv". Von daher, danke fürs Teilen. Ich schaue mal, was ich drauf machen kann für mich.

                        1 Reply Last reply
                        0
                        • machs-smart.deM machs-smart.de

                          @Agria4800 die Uhrzeit für den Darkmodus kannst du unter Scripte einstellen.

                          Den Strich bekommst du im jeweiligen View-Fenster, nicht im Menü.

                          Viele Grüße

                          GlasfaserG Offline
                          GlasfaserG Offline
                          Glasfaser
                          wrote on last edited by
                          #39

                          @mxbr

                          Du verteilst gerade in vielen Thread´s deinen Link zu deiner Homepage ,

                          dabei ist mir aufgefallen das du in einem Tutorial es so er erklärst :

                          Datenpunkt zum Testen anlegen
                          
                          Für die folgenden Beispiele benötigst du zum Testen einen eigenen Datenpunkt. Ich habe unter „Eigene.0“ testweise „Binding“ als Logik-Datenpunkt angelegt:
                          

                          und warum nicht unter 0.userdata.0 / javascript.0 .

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

                          machs-smart.deM 1 Reply Last reply
                          0
                          • GlasfaserG Glasfaser

                            @mxbr

                            Du verteilst gerade in vielen Thread´s deinen Link zu deiner Homepage ,

                            dabei ist mir aufgefallen das du in einem Tutorial es so er erklärst :

                            Datenpunkt zum Testen anlegen
                            
                            Für die folgenden Beispiele benötigst du zum Testen einen eigenen Datenpunkt. Ich habe unter „Eigene.0“ testweise „Binding“ als Logik-Datenpunkt angelegt:
                            

                            und warum nicht unter 0.userdata.0 / javascript.0 .

                            machs-smart.deM Offline
                            machs-smart.deM Offline
                            machs-smart.de
                            wrote on last edited by machs-smart.de
                            #40

                            @glasfaser das ist Geschmacksache — ich habe dafür einen eigenen Datenpunkt-Ordner angelegt. Wenn du einen anderen nutzt, geht das natürlich auch — habe ich im Artikel ja auch so geschrieben. Viele Grüße!

                            www.machs-smart.de
                            Anleitungen und Tutorials rund um ioBroker

                            1 Reply Last reply
                            0
                            • SWE1008S SWE1008

                              @mxbr ich habe noch folgendes Problem: wenn ich auf die Status oder Wetter etc. Seite wechsle verschwindet nach ca. 30-60 Sekunden jeglicher Inhalt. Das siehst dann so aus
                              B1EC4658-D328-4687-8976-1FE0E7AAFE7D.png
                              Auf der Übersicht Seite passiert das nicht.

                              Es passiert mit jedem Browser (Edge, Firefox, Chrome, Safari) und in der iOS App.

                              machs-smart.deM Offline
                              machs-smart.deM Offline
                              machs-smart.de
                              wrote on last edited by
                              #41

                              @swe1008 gute Frage, habe ich bisher noch nicht gesehen. Wenn du es im normalen Browser ansiehst, ist es dann genau so?

                              www.machs-smart.de
                              Anleitungen und Tutorials rund um ioBroker

                              D 1 Reply Last reply
                              0
                              • machs-smart.deM machs-smart.de

                                @swe1008 gute Frage, habe ich bisher noch nicht gesehen. Wenn du es im normalen Browser ansiehst, ist es dann genau so?

                                D Offline
                                D Offline
                                derIOalex
                                wrote on last edited by
                                #42

                                @machs-smart-de

                                besteht die möglichkeit die Vorlage zu bekommen... leider ist der Link auf der Seite down?

                                GRuß
                                alex

                                1 Reply Last reply
                                0
                                Reply
                                • Reply as topic
                                Log in to reply
                                • Oldest to Newest
                                • Newest to Oldest
                                • Most Votes


                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                514

                                Online

                                32.7k

                                Users

                                82.4k

                                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