Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 3

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Coffeelover @Bostil last edited by

      @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 Reply Last reply Reply Quote 1
      • D
        dos1973 @Coffeelover last edited by

        @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 Reply Last reply Reply Quote 1
        • Bostil
          Bostil last edited by

          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 Reply Last reply Reply Quote 1
          • Bostil
            Bostil last edited by

            @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 Reply Last reply Reply Quote 0
            • D
              dos1973 @Bostil last edited by

              @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 Reply Last reply Reply Quote 1
              • B
                buchner51 @padrino last edited by

                @padrino

                Sehen super aus, hast du auch andere Farben 🙂

                1 Reply Last reply Reply Quote 0
                • E
                  easyhoo @Horst Böttcher last edited by

                  @horst-böttcher

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

                  1 Reply Last reply Reply Quote 0
                  • S
                    skokarl last edited by

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

                    Nashra D 2 Replies Last reply Reply Quote 0
                    • Glasfaser
                      Glasfaser @sigi234 last edited by

                      @Bostil

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

                      1 Reply Last reply Reply Quote 0
                      • Nashra
                        Nashra Most Active Forum Testing @skokarl last edited by Nashra

                        @skokarl
                        findest Du in dem externen Download, siehe hier

                        1 Reply Last reply Reply Quote 1
                        • Bostil
                          Bostil last edited by

                          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. 1 Reply Last reply Reply Quote 0
                          • Walter.O.
                            Walter.O. @Bostil last edited by Walter.O.

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

                            1 Reply Last reply Reply Quote 0
                            • D
                              dos1973 @skokarl last edited by

                              @skokarl

                              ein Bäumchen für dich...

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

                              1 Reply Last reply Reply Quote 2
                              • M
                                Martin1982 last edited by

                                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 Reply Last reply Reply Quote 3
                                • D
                                  dos1973 @Martin1982 last edited by

                                  @martin1982

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

                                  1 Reply Last reply Reply Quote 0
                                  • R
                                    rookie123 @Bostil last edited by

                                    @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

                                    Bostil 1 Reply Last reply Reply Quote 0
                                    • Bostil
                                      Bostil @rookie123 last edited by

                                      @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 D3ltoroxp 2 Replies Last reply Reply Quote 3
                                      • N
                                        Nachtschatten81 @Bostil last edited by

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

                                        1 Reply Last reply Reply Quote 0
                                        • D3ltoroxp
                                          D3ltoroxp last edited by

                                          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 ?

                                          D3ltoroxp 1 Reply Last reply Reply Quote 0
                                          • Glasfaser
                                            Glasfaser last edited by

                                            @d3ltoroxp

                                            Eventuell so :

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

                                            1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            454
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            vis vis editor visualisierung visualization
                                            155
                                            813
                                            249646
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo