Skip to content
  • Home
  • 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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Update][Download] Dashboard — clean, „Gira“-like

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    328

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.5k

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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
visown projectios app
42 Beiträge 13 Kommentatoren 7.4k Aufrufe 17 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.
  • AxelF1977A AxelF1977

    Ich hatte einen Teaser von der Visualisierung bei Facebook gesehen. Da hat es mir gut gefallen. Clean, ohne spielereien.

    Habs mal runter geladen und schau es mir an.

    Was mir aber bereits jetzt nicht gefällt, ist das alles in einem View ist. Das macht es am Ende, finde zumindest ich, schlecht zu bearbeiten.

    Ich mag da eher die Struktur von Uhula mit cards, conts und pages.

    machs-smart.deM Offline
    machs-smart.deM Offline
    machs-smart.de
    schrieb am zuletzt editiert von machs-smart.de
    #9

    @AxelF1977 Für uns reicht die eine Seite als Dashboard. Weitere Seiten sind aber in Planung. Gerne Infos an mich, welchen Bedarf du hast.

    Die Bearbeitung ist Ansichtssache. Wie löst du das denn? Über mehrere Views, die auf einer Seite eingebunden werden?

    Viele Grüße

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

    AxelF1977A 1 Antwort Letzte Antwort
    0
    • HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #10

      @mxbr
      Wieso 4 Posts statt einer Antwort?

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      machs-smart.deM 1 Antwort Letzte Antwort
      0
      • HomoranH Homoran

        @mxbr
        Wieso 4 Posts statt einer Antwort?

        machs-smart.deM Offline
        machs-smart.deM Offline
        machs-smart.de
        schrieb am zuletzt editiert von
        #11

        @Homoran entschuldige, ist übers Smartphone nicht so ganz einfach. Nächstes mal fasse ich alle Antworten zusammen. Viele Grüße

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

        1 Antwort Letzte Antwort
        1
        • machs-smart.deM machs-smart.de

          @AxelF1977 Für uns reicht die eine Seite als Dashboard. Weitere Seiten sind aber in Planung. Gerne Infos an mich, welchen Bedarf du hast.

          Die Bearbeitung ist Ansichtssache. Wie löst du das denn? Über mehrere Views, die auf einer Seite eingebunden werden?

          Viele Grüße

          AxelF1977A Offline
          AxelF1977A Offline
          AxelF1977
          schrieb am zuletzt editiert von
          #12

          @mxbr sagte in [Vorstellung] meine VIS — clean, „Gira“-like:

          @AxelF1977
          Die Bearbeitung ist Ansichtssache. Wie löst du das denn? Über mehrere Views, die auf einer Seite eingebunden werden?

          Viele Grüße

          Das ist definitiv Ansichtssache. Das sollte auch eher ausdrücken, dass das einzige ist was ich bis dahin gefunden habe, was ich nicht gut fand.

          Ich habe meine Visualisierung so aufgebaut:

          Die einzelnen Widgets haben eigene Seiten
          Diese werden dann in einer weiteren Zeile Seite zusammen gefasst.
          Das alles wird dann in einer Index Seite mit Menü und weiteren Views versehen, die auf jeder Seite sichtbar sind.
          Google mal im Forum nach Material Design CSS 2.0 von Uhula. Da sieht Du die Struktur.

          ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

          machs-smart.deM 1 Antwort Letzte Antwort
          0
          • AxelF1977A AxelF1977

            @mxbr sagte in [Vorstellung] meine VIS — clean, „Gira“-like:

            @AxelF1977
            Die Bearbeitung ist Ansichtssache. Wie löst du das denn? Über mehrere Views, die auf einer Seite eingebunden werden?

            Viele Grüße

            Das ist definitiv Ansichtssache. Das sollte auch eher ausdrücken, dass das einzige ist was ich bis dahin gefunden habe, was ich nicht gut fand.

            Ich habe meine Visualisierung so aufgebaut:

            Die einzelnen Widgets haben eigene Seiten
            Diese werden dann in einer weiteren Zeile Seite zusammen gefasst.
            Das alles wird dann in einer Index Seite mit Menü und weiteren Views versehen, die auf jeder Seite sichtbar sind.
            Google mal im Forum nach Material Design CSS 2.0 von Uhula. Da sieht Du die Struktur.

            machs-smart.deM Offline
            machs-smart.deM Offline
            machs-smart.de
            schrieb am zuletzt editiert von
            #13

            @AxelF1977 verstehe, daran habe ich auch gedacht. Ich schaue mir das mal an.

            Ich stehe in Sachen VIS offenbar noch am Anfang bzw nutze sie nur als oberflächliches Dashboard, da wir alles weitere über psychische Taster oder HomeKit steuern.

            Viele Grüße

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

            AxelF1977A 1 Antwort Letzte Antwort
            0
            • machs-smart.deM machs-smart.de

              @AxelF1977 verstehe, daran habe ich auch gedacht. Ich schaue mir das mal an.

              Ich stehe in Sachen VIS offenbar noch am Anfang bzw nutze sie nur als oberflächliches Dashboard, da wir alles weitere über psychische Taster oder HomeKit steuern.

              Viele Grüße

              AxelF1977A Offline
              AxelF1977A Offline
              AxelF1977
              schrieb am zuletzt editiert von
              #14

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

              @AxelF1977 verstehe, daran habe ich auch gedacht. Ich schaue mir das mal an.

              Ich stehe in Sachen VIS offenbar noch am Anfang bzw nutze sie nur als oberflächliches Dashboard, da wir alles weitere über psychische Taster oder HomeKit steuern.

              Viele Grüße

              Ich finde rein optisch ist es sehr gelungen. Und wird für viele eine tolle Basis sein um was eigenes zu machen. Denn mit dem Anfang tun sich die meisten schwer

              ASROCK Deskmini Intel I3 8100 16GB mit Proxmox VM ioBroker VM DIYHue| CCU piVCCU + FHEM auf Raspberry | Maria DB mit Grafana und Prometheus auf Tinker Board

              machs-smart.deM 1 Antwort Letzte Antwort
              0
              • AxelF1977A AxelF1977

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

                @AxelF1977 verstehe, daran habe ich auch gedacht. Ich schaue mir das mal an.

                Ich stehe in Sachen VIS offenbar noch am Anfang bzw nutze sie nur als oberflächliches Dashboard, da wir alles weitere über psychische Taster oder HomeKit steuern.

                Viele Grüße

                Ich finde rein optisch ist es sehr gelungen. Und wird für viele eine tolle Basis sein um was eigenes zu machen. Denn mit dem Anfang tun sich die meisten schwer

                machs-smart.deM Offline
                machs-smart.deM Offline
                machs-smart.de
                schrieb am zuletzt editiert von
                #15

                @AxelF1977 danke. Weitere Elemente baue ich gerne noch ein — vielleicht auf einem extra View, sodass man sich benötigte Elemente von dort kopieren kann. Sofern du Vorschläge hast, bin ich für Infos dankbar.

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

                G 1 Antwort Letzte Antwort
                0
                • machs-smart.deM machs-smart.de

                  @AxelF1977 danke. Weitere Elemente baue ich gerne noch ein — vielleicht auf einem extra View, sodass man sich benötigte Elemente von dort kopieren kann. Sofern du Vorschläge hast, bin ich für Infos dankbar.

                  G Offline
                  G Offline
                  gutgut30
                  schrieb am zuletzt editiert von
                  #16

                  @mxbr
                  Mir gefällt es auch, werde mich auch mal dran versuchen das für meine zu übernehmen. Die ist allerdings Landscape, also muss ich eh kräftig schieben.

                  Cool wäre eine passende Navigation. Dazu werde ich vermutlich wohl auf deinem Anwesenheitswidget aufsetzen und die Farben so wie in deinem Header / dem Status umkehren. Das kann ich mir am linken Bildschirmrand gut vorstellen und das könnte optisch auch passen.

                  machs-smart.deM 1 Antwort Letzte Antwort
                  1
                  • G gutgut30

                    @mxbr
                    Mir gefällt es auch, werde mich auch mal dran versuchen das für meine zu übernehmen. Die ist allerdings Landscape, also muss ich eh kräftig schieben.

                    Cool wäre eine passende Navigation. Dazu werde ich vermutlich wohl auf deinem Anwesenheitswidget aufsetzen und die Farben so wie in deinem Header / dem Status umkehren. Das kann ich mir am linken Bildschirmrand gut vorstellen und das könnte optisch auch passen.

                    machs-smart.deM Offline
                    machs-smart.deM Offline
                    machs-smart.de
                    schrieb am zuletzt editiert von
                    #17

                    @gutgut30 eine Navigation ist bereits eingearbeitet. Ich muss es noch finalisieren und neu hochladen.

                    Anwesenheit hatte ich mehrmals getestet. Da wir alle iPhones nutzen, konnte ich bisher nichts zuverlässiges implementieren (iPhones melden sich im standby vom wlan ab).

                    Farben umkehren gerne - mit Tag/Nacht-Modus oder prinzipiell?

                    Viele Grüße

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

                    G 1 Antwort Letzte Antwort
                    1
                    • machs-smart.deM machs-smart.de

                      @gutgut30 eine Navigation ist bereits eingearbeitet. Ich muss es noch finalisieren und neu hochladen.

                      Anwesenheit hatte ich mehrmals getestet. Da wir alle iPhones nutzen, konnte ich bisher nichts zuverlässiges implementieren (iPhones melden sich im standby vom wlan ab).

                      Farben umkehren gerne - mit Tag/Nacht-Modus oder prinzipiell?

                      Viele Grüße

                      G Offline
                      G Offline
                      gutgut30
                      schrieb am zuletzt editiert von
                      #18

                      @mxbr
                      Anwesenheit musst du mit Radar2 und WLAN/Bluetooth machen. Das scheint das einzig Wahre zu sein. Habe auch alles mögliche versucht, nur damit bin ich am Ende erfolgreich gewesen.
                      Letztendlich habe ich Radar2 dann mit dem Türkontakt kombiniert.

                      "Wenn Erreichbarkeit eines Device sind von true auf false ändert, dann prüfe ob die die Eingangstür in den letzten 2 Minuten auf war" - wenn ja > Abwesend. Wenn nein > mache nichts.

                      "Wenn Erreichbarkeit eines Device sind von false auf true ändert" > sofort anwesend setzen wenn abwesend.

                      Das klappt zuverlässig.

                      machs-smart.deM 1 Antwort Letzte Antwort
                      0
                      • frankthegreatF Offline
                        frankthegreatF Offline
                        frankthegreat
                        schrieb am zuletzt editiert von
                        #19

                        @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 2 Antworten Letzte Antwort
                        0
                        • 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
                          schrieb am zuletzt editiert von
                          #20

                          @frankthegreat eine Anleitung ist in Vorbereitung. Du kannst das ZIP im Editor einfach über „Projekt“ importieren.

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

                          1 Antwort Letzte Antwort
                          0
                          • G gutgut30

                            @mxbr
                            Anwesenheit musst du mit Radar2 und WLAN/Bluetooth machen. Das scheint das einzig Wahre zu sein. Habe auch alles mögliche versucht, nur damit bin ich am Ende erfolgreich gewesen.
                            Letztendlich habe ich Radar2 dann mit dem Türkontakt kombiniert.

                            "Wenn Erreichbarkeit eines Device sind von true auf false ändert, dann prüfe ob die die Eingangstür in den letzten 2 Minuten auf war" - wenn ja > Abwesend. Wenn nein > mache nichts.

                            "Wenn Erreichbarkeit eines Device sind von false auf true ändert" > sofort anwesend setzen wenn abwesend.

                            Das klappt zuverlässig.

                            machs-smart.deM Offline
                            machs-smart.deM Offline
                            machs-smart.de
                            schrieb am zuletzt editiert von
                            #21

                            @gutgut30 guter Ansatz. Ich habe übrigens einen Nachtmodus in die VIS eingebaut. Download-ZIP ist geupdated.

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

                            sigi234S 1 Antwort Letzte Antwort
                            0
                            • machs-smart.deM machs-smart.de

                              @gutgut30 guter Ansatz. Ich habe übrigens einen Nachtmodus in die VIS eingebaut. Download-ZIP ist geupdated.

                              sigi234S Online
                              sigi234S Online
                              sigi234
                              Forum Testing Most Active
                              schrieb am zuletzt editiert von
                              #22

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

                              Gut, für was sind die : TAB_Alle-Batterie.json.zip

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

                              machs-smart.deM 1 Antwort Letzte Antwort
                              0
                              • sigi234S sigi234

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

                                Gut, für was sind die : TAB_Alle-Batterie.json.zip

                                machs-smart.deM Offline
                                machs-smart.deM Offline
                                machs-smart.de
                                schrieb am zuletzt editiert von
                                #23

                                @sigi234 für die Status-Seite

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

                                sigi234S 1 Antwort Letzte Antwort
                                0
                                • machs-smart.deM machs-smart.de

                                  @sigi234 für die Status-Seite

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  schrieb am zuletzt editiert von
                                  #24

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

                                  @sigi234 für die Status-Seite

                                  Ok, aber ist das ein Blockly Skript?

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

                                  machs-smart.deM 1 Antwort Letzte Antwort
                                  1
                                  • sigi234S sigi234

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

                                    @sigi234 für die Status-Seite

                                    Ok, aber ist das ein Blockly Skript?

                                    machs-smart.deM Offline
                                    machs-smart.deM Offline
                                    machs-smart.de
                                    schrieb am zuletzt editiert von
                                    #25

                                    @sigi234 ja

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

                                    sigi234S 1 Antwort Letzte Antwort
                                    0
                                    • machs-smart.deM machs-smart.de

                                      @sigi234 ja

                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von
                                      #26

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

                                      @sigi234 ja

                                      Dann stimmt der Export nicht. Kann nicht als Blockly importiert werden.

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

                                      machs-smart.deM 1 Antwort Letzte Antwort
                                      0
                                      • sigi234S sigi234

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

                                        @sigi234 ja

                                        Dann stimmt der Export nicht. Kann nicht als Blockly importiert werden.

                                        machs-smart.deM Offline
                                        machs-smart.deM Offline
                                        machs-smart.de
                                        schrieb am zuletzt editiert von
                                        #27

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

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

                                        sigi234S 1 Antwort Letzte Antwort
                                        0
                                        • 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
                                          schrieb am zuletzt editiert von
                                          #28

                                          @frankthegreat hast du noch Anregungen?

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

                                          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

                                          405

                                          Online

                                          32.5k

                                          Benutzer

                                          81.7k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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