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. Praktische Anwendungen (Showcase)
  4. Einfach mal zeigen will….. :-) - Teil 3

NEWS

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.6k

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

Einfach mal zeigen will….. :-) - Teil 3

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Beiträge 155 Kommentatoren 340.1k Aufrufe 157 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.
  • BostilB Bostil

    Na klar, kann ich das hier teilen. Credits gehen an @dos1973

    Bitte beachten ...

    • noch work in progress
    • verwendete Schriftart: Akrobat
    • für den "Blur"-Effekt bitte @dos1973 CSS-Code unter CSS Global eintragen
    • nicht "pixel perfect"
    • sehr customized, aber nehmt euch ruhig das Grundgerüst
    • keine Ahnung, wie es bei euch nach einem Import ausschaut
    • Navigation im unteren Bereich: der Rolladenbereich wird über eine separate View per "View in Widget" eingebunden und hier ist eine horizontale Scrollbar dafür verantwortlich, dass man in der View von links nach rechts scrollen kann; weiter rechts ist dann das größere Fenster. Hier schaltet man per Button versch. "View in Widgets" ein / aus. Gescrollt wird hier nur vertikal.
    • die Hauptbildschirme werden durch Anklicken der einzelnen Buttons (Kalender, Energie ...) angewählt und per Sichtbarkeit und Datenobjekt wird dann auch wieder per "View in Widgets" der jeweilige View zentriert eingeblendet

    Externer Download: https://ufile.io/uoayl7l9

    2.PNG

    1.PNG

    LG

    C Offline
    C Offline
    Coffeelover
    schrieb am zuletzt editiert von
    #377

    @bostil Vielen Dank. Mit HIlfe des Exports habe ich die geniale Idee für die scrollende Navigation verstanden. Echt clever.

    Warum nutzt du eigentlich so viele "View ins Widget"?
    Aus meiner Sicht - aber vielleicht habe ich einen Grund auch nicht verstanden: Du könntest mit der View in Widget 8 die Views auch über nummerische Zahlen ansteuern. Der Vorteil: Du musst deine ganze Logik nicht in jedem Widget anpassen, wenn noch ein weiterer Schalter dazu kommt. Der DP ist dann nicht nur 0 oder 1 sondern zählt nummerisch hoch.

    D 1 Antwort Letzte Antwort
    1
    • C Coffeelover

      @bostil Vielen Dank. Mit HIlfe des Exports habe ich die geniale Idee für die scrollende Navigation verstanden. Echt clever.

      Warum nutzt du eigentlich so viele "View ins Widget"?
      Aus meiner Sicht - aber vielleicht habe ich einen Grund auch nicht verstanden: Du könntest mit der View in Widget 8 die Views auch über nummerische Zahlen ansteuern. Der Vorteil: Du musst deine ganze Logik nicht in jedem Widget anpassen, wenn noch ein weiterer Schalter dazu kommt. Der DP ist dann nicht nur 0 oder 1 sondern zählt nummerisch hoch.

      D Offline
      D Offline
      dos1973
      schrieb am zuletzt editiert von
      #378

      @coffeelover
      genau das habe ich mich auch gefragt. ich nutze auch den view in widget 8 und steuere über den DP x-verschiedene Views, dafür braucht es auch kein blockly.

      1 Antwort Letzte Antwort
      1
      • BostilB Offline
        BostilB Offline
        Bostil
        schrieb am zuletzt editiert von
        #379

        Danke euch Beiden @Coffeelover & @dos1973 ! Fand es auch immer total umständlich, aber da ich nur 10% von den Möglichkeiten in der VIS kenne, ist es mir einfach durchgegangen, dass es was viel Smarteres gibt!

        1 Antwort Letzte Antwort
        1
        • BostilB Offline
          BostilB Offline
          Bostil
          schrieb am zuletzt editiert von
          #380

          @dos1973 wie hast du eigentlich diese Schaltflächen rechts belegt? Also man kann es sich ja denken, aber wie setzt du z. B. Reload der Webseite um oder die Kontrasteinstellung? DANKE. :-)

          1683ce77-cdcf-468b-9e49-c72dcbf39bd5-image.png

          D 1 Antwort Letzte Antwort
          0
          • BostilB Bostil

            @dos1973 wie hast du eigentlich diese Schaltflächen rechts belegt? Also man kann es sich ja denken, aber wie setzt du z. B. Reload der Webseite um oder die Kontrasteinstellung? DANKE. :-)

            1683ce77-cdcf-468b-9e49-c72dcbf39bd5-image.png

            D Offline
            D Offline
            dos1973
            schrieb am zuletzt editiert von
            #381

            @bostil
            ich habe einen NUC/ W10 mit externem 15" Touch Display als Anzeige, also kein Tablet. Das ist auch der Grund warum ich mein altes Vis von ursprünglich 10" Auflösung umbaue

            auf dem NUC ist CCU-Remote PC installiert, dort kann ich mittels Shortcuts (cmd/ bat) Aktionen auf dem PC ausführen... bow, kann das Tool vom VIS aus via HTTP ansprechen.

            1 Antwort Letzte Antwort
            1
            • padrinoP padrino

              @Nashra sagte in Einfach mal zeigen will….. :-) - Teil 3:

              Danke für den Link :+1: schade, leider keine blaue und grüne Tonne dabei.

              Taddaa! ;)

              Vielleicht nicht ganz perfekt, aber ich denke, man kann damit arbeiten. =)

              tonne_blau.png

              tonne_grün.png

              B Offline
              B Offline
              buchner51
              schrieb am zuletzt editiert von
              #382

              @padrino

              Sehen super aus, hast du auch andere Farben :-)

              1 Antwort Letzte Antwort
              0
              • Horst BöttcherH Horst Böttcher

                @bostil Also bei mir sieht es komisch aus
                alles übereinander gelagert e5dd79d359bb6e03508679da079f65cc.png 448c6f6fb08c565ba4367cd6c968fd3a.png

                E Offline
                E Offline
                easyhoo
                schrieb am zuletzt editiert von
                #383

                @horst-böttcher

                neben den Objekten scheint hier aber auch noch css zu fehlen.
                Oder liegt das mit den sichtbaren Scrollbalken am Browser?

                1 Antwort Letzte Antwort
                0
                • S Offline
                  S Offline
                  skokarl
                  schrieb am zuletzt editiert von
                  #384

                  Wo bitte finde ich dieses Hintergrundbild mit dem Baum ?, einfach super !!!

                  IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                  NashraN D 2 Antworten Letzte Antwort
                  0
                  • sigi234S sigi234

                    @bostil
                    Super, aber bitte das Zip File nicht Extern hochladen, sondern via File upload.

                    GlasfaserG Offline
                    GlasfaserG Offline
                    Glasfaser
                    schrieb am zuletzt editiert von
                    #385

                    @Bostil

                    @sigi234 sagte in Einfach mal zeigen will….. :-) - Teil 3:
                    @bostil
                    Super, aber bitte das Zip File nicht Extern hochladen, sondern via File upload.

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

                    1 Antwort Letzte Antwort
                    0
                    • S skokarl

                      Wo bitte finde ich dieses Hintergrundbild mit dem Baum ?, einfach super !!!

                      NashraN Offline
                      NashraN Offline
                      Nashra
                      Most Active Forum Testing
                      schrieb am zuletzt editiert von Nashra
                      #386

                      @skokarl
                      findest Du in dem externen Download, siehe hier

                      Gruß Ralf
                      Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

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

                      1 Antwort Letzte Antwort
                      1
                      • BostilB Offline
                        BostilB Offline
                        Bostil
                        schrieb am zuletzt editiert von
                        #387

                        Kleiner Lifehack dazu: habe ja auch nur weiter oben den Screenshot zu dem Vis mit dem Baum-Hintergrundbild von @dos1973 gesehen. Habe hiervon einfach einen Teil ausgeschnitten und dies über die Google-Bildersuche suchen lassen und habe dann zahlreiche Ergebnisse dazu erhalten.

                        Ist jetzt wohl keine 4K-Variante leider.

                        Walter.O.W 1 Antwort Letzte Antwort
                        0
                        • BostilB Bostil

                          Kleiner Lifehack dazu: habe ja auch nur weiter oben den Screenshot zu dem Vis mit dem Baum-Hintergrundbild von @dos1973 gesehen. Habe hiervon einfach einen Teil ausgeschnitten und dies über die Google-Bildersuche suchen lassen und habe dann zahlreiche Ergebnisse dazu erhalten.

                          Ist jetzt wohl keine 4K-Variante leider.

                          Walter.O.W Offline
                          Walter.O.W Offline
                          Walter.O.
                          schrieb am zuletzt editiert von Walter.O.
                          #388

                          Hat jemand von euch eine Visualisierung (VIS) vom Stromverbrauch im gebrauch?
                          Super währe auch wenn kosten mit berechnet werde.

                          1 Antwort Letzte Antwort
                          0
                          • S skokarl

                            Wo bitte finde ich dieses Hintergrundbild mit dem Baum ?, einfach super !!!

                            D Offline
                            D Offline
                            dos1973
                            schrieb am zuletzt editiert von
                            #389

                            @skokarl

                            ein Bäumchen für dich...

                            388755-free-download-pink-full-hd-desktop-wallpaper-wallpaper-high (1).jpg

                            1 Antwort Letzte Antwort
                            2
                            • M Offline
                              M Offline
                              Martin1982
                              schrieb am zuletzt editiert von
                              #390

                              Nach der super Vorlage mit dem roten Baum habe ich mich auch mal wieder an die Arbeit gemacht und eine neue VIS angefangen. Ist auch das erste mal, dass ich damit soweit zufrieden bin und es hier zeigen kann.
                              Danke @Bostil und @dos1973 für die sehr guten Vorlagen.

                              Als Grundlage habe ich die exportierte VIS genommen und umgebaut. Der View wechsel erfolgt über ein ViewInWidget8 und viele zusammenhängende Elemente habe ich in Gruppen sortiert. Auch die Uhr und die Wetteranzeige ist nicht mehr direkt auf der Hauptseite sondern wird auch über den ViewInWidget8 angezeigt, so habe ich mir die extra Prüfung auf die Sichtbarkeit gespart.

                              Den Hintergrund werde ich (erst mal manuell) 4 mal im Jahr der Jahreszeit anpassen.

                              Screenshot 2021-11-19 22.04.51.png

                              Bisher ist nur die Startseite wirklich zum zeigen geeignet und auch hier fehlen leider noch ein paar Informationen (z.B. E-Auto und Wallbox)

                              D 1 Antwort Letzte Antwort
                              3
                              • M Martin1982

                                Nach der super Vorlage mit dem roten Baum habe ich mich auch mal wieder an die Arbeit gemacht und eine neue VIS angefangen. Ist auch das erste mal, dass ich damit soweit zufrieden bin und es hier zeigen kann.
                                Danke @Bostil und @dos1973 für die sehr guten Vorlagen.

                                Als Grundlage habe ich die exportierte VIS genommen und umgebaut. Der View wechsel erfolgt über ein ViewInWidget8 und viele zusammenhängende Elemente habe ich in Gruppen sortiert. Auch die Uhr und die Wetteranzeige ist nicht mehr direkt auf der Hauptseite sondern wird auch über den ViewInWidget8 angezeigt, so habe ich mir die extra Prüfung auf die Sichtbarkeit gespart.

                                Den Hintergrund werde ich (erst mal manuell) 4 mal im Jahr der Jahreszeit anpassen.

                                Screenshot 2021-11-19 22.04.51.png

                                Bisher ist nur die Startseite wirklich zum zeigen geeignet und auch hier fehlen leider noch ein paar Informationen (z.B. E-Auto und Wallbox)

                                D Offline
                                D Offline
                                dos1973
                                schrieb am zuletzt editiert von
                                #391

                                @martin1982

                                Bäume sind momentan wohl im Trend
                                Ob rot oder blau, sieht immer echt cool aus

                                1 Antwort Letzte Antwort
                                0
                                • BostilB Bostil

                                  Na klar, kann ich das hier teilen. Credits gehen an @dos1973

                                  Bitte beachten ...

                                  • noch work in progress
                                  • verwendete Schriftart: Akrobat
                                  • für den "Blur"-Effekt bitte @dos1973 CSS-Code unter CSS Global eintragen
                                  • nicht "pixel perfect"
                                  • sehr customized, aber nehmt euch ruhig das Grundgerüst
                                  • keine Ahnung, wie es bei euch nach einem Import ausschaut
                                  • Navigation im unteren Bereich: der Rolladenbereich wird über eine separate View per "View in Widget" eingebunden und hier ist eine horizontale Scrollbar dafür verantwortlich, dass man in der View von links nach rechts scrollen kann; weiter rechts ist dann das größere Fenster. Hier schaltet man per Button versch. "View in Widgets" ein / aus. Gescrollt wird hier nur vertikal.
                                  • die Hauptbildschirme werden durch Anklicken der einzelnen Buttons (Kalender, Energie ...) angewählt und per Sichtbarkeit und Datenobjekt wird dann auch wieder per "View in Widgets" der jeweilige View zentriert eingeblendet

                                  Externer Download: https://ufile.io/uoayl7l9

                                  2.PNG

                                  1.PNG

                                  LG

                                  R Offline
                                  R Offline
                                  rookie123
                                  schrieb am zuletzt editiert von
                                  #392

                                  @bostil sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                  Na klar, kann ich das hier teilen. Credits gehen an @dos1973

                                  Bitte beachten ...

                                  • noch work in progress
                                  • verwendete Schriftart: Akrobat
                                  • für den "Blur"-Effekt bitte @dos1973 CSS-Code unter CSS Global eintragen
                                  • nicht "pixel perfect"
                                  • sehr customized, aber nehmt euch ruhig das Grundgerüst
                                  • keine Ahnung, wie es bei euch nach einem Import ausschaut
                                  • Navigation im unteren Bereich: der Rolladenbereich wird über eine separate View per "View in Widget" eingebunden und hier ist eine horizontale Scrollbar dafür verantwortlich, dass man in der View von links nach rechts scrollen kann; weiter rechts ist dann das größere Fenster. Hier schaltet man per Button versch. "View in Widgets" ein / aus. Gescrollt wird hier nur vertikal.
                                  • die Hauptbildschirme werden durch Anklicken der einzelnen Buttons (Kalender, Energie ...) angewählt und per Sichtbarkeit und Datenobjekt wird dann auch wieder per "View in Widgets" der jeweilige View zentriert eingeblendet

                                  Externer Download: https://ufile.io/uoayl7l9

                                  2.PNG

                                  1.PNG

                                  LG

                                  Der download ist leider nicht mehr verfügbar. Wäre super wenn du das neu hochladen würdest! Vielen Dank

                                  BostilB 1 Antwort Letzte Antwort
                                  0
                                  • R rookie123

                                    @bostil sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                    Na klar, kann ich das hier teilen. Credits gehen an @dos1973

                                    Bitte beachten ...

                                    • noch work in progress
                                    • verwendete Schriftart: Akrobat
                                    • für den "Blur"-Effekt bitte @dos1973 CSS-Code unter CSS Global eintragen
                                    • nicht "pixel perfect"
                                    • sehr customized, aber nehmt euch ruhig das Grundgerüst
                                    • keine Ahnung, wie es bei euch nach einem Import ausschaut
                                    • Navigation im unteren Bereich: der Rolladenbereich wird über eine separate View per "View in Widget" eingebunden und hier ist eine horizontale Scrollbar dafür verantwortlich, dass man in der View von links nach rechts scrollen kann; weiter rechts ist dann das größere Fenster. Hier schaltet man per Button versch. "View in Widgets" ein / aus. Gescrollt wird hier nur vertikal.
                                    • die Hauptbildschirme werden durch Anklicken der einzelnen Buttons (Kalender, Energie ...) angewählt und per Sichtbarkeit und Datenobjekt wird dann auch wieder per "View in Widgets" der jeweilige View zentriert eingeblendet

                                    Externer Download: https://ufile.io/uoayl7l9

                                    2.PNG

                                    1.PNG

                                    LG

                                    Der download ist leider nicht mehr verfügbar. Wäre super wenn du das neu hochladen würdest! Vielen Dank

                                    BostilB Offline
                                    BostilB Offline
                                    Bostil
                                    schrieb am zuletzt editiert von
                                    #393

                                    @rookie123 Na klar, mache ich gerne heute Abend. Dann direkt auch eine leicht angepasste Version, wo "View in Widgets 8" verwendet wird anstatt mit der Sichtbarkeit zu spielen.

                                    N D3ltoroxpD 2 Antworten Letzte Antwort
                                    3
                                    • BostilB Bostil

                                      @rookie123 Na klar, mache ich gerne heute Abend. Dann direkt auch eine leicht angepasste Version, wo "View in Widgets 8" verwendet wird anstatt mit der Sichtbarkeit zu spielen.

                                      N Offline
                                      N Offline
                                      Nachtschatten81
                                      schrieb am zuletzt editiert von
                                      #394

                                      @bostil Ich hätte auch gerne den Downloadlink, da der alte Link leider nicht mehr funktioniert.
                                      Vielen Dank!

                                      1 Antwort Letzte Antwort
                                      0
                                      • D3ltoroxpD Offline
                                        D3ltoroxpD Offline
                                        D3ltoroxp
                                        schrieb am zuletzt editiert von
                                        #395

                                        Hier gibt es ja viele schicke VIS. Ich plane gerade, mehrere Hauptseiten die automatisch nach einiger Zeit durchwechseln. Gibt es hier eine Möglichkeit einen schönen Fade ein zu fügen ? Nicht das direkt von einem aufs nächste Bild gesprungen wird. Leicht ausblenden, das andere darüber oder so ähnlich ?

                                        D3ltoroxpD 1 Antwort Letzte Antwort
                                        0
                                        • GlasfaserG Offline
                                          GlasfaserG Offline
                                          Glasfaser
                                          schrieb am zuletzt editiert von
                                          #396

                                          @d3ltoroxp

                                          Eventuell so :

                                          https://forum.iobroker.net/topic/15567/view-wechsel-animieren/2

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

                                          1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          726

                                          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