Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Update][Download] Dashboard — clean, „Gira“-like

NEWS

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

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

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

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

Scheduled Pinned Locked Moved Visualisierung
visown projectios app
42 Posts 13 Posters 7.1k 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.
  • 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. 👍
              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. 👍
                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 Online
                        GlasfaserG Online
                        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

                              422

                              Online

                              32.4k

                              Users

                              81.4k

                              Topics

                              1.3m

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

                              • Don't have an account? Register

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