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

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

                      255

                      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