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.
    • T
      Tony H. @Bostil last edited by

      @bostil eine super Arbeit!!! Ab wann kann man klauen bzw zu seinen Gunsten nutzen?

      Olli_M 1 Reply Last reply Reply Quote 1
      • Olli_M
        Olli_M @Tony H. last edited by

        @tony-h

        also bei mir kommt da unknown property mit dem filter im CSS 😞

        Glasfaser 1 Reply Last reply Reply Quote 0
        • Glasfaser
          Glasfaser @Olli_M last edited by

          @olli_m

          https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/363?_=1634738268290&lang=de

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

            @bostil Cool. Wie hast du die wechselnde Steuerung umgesetzt? Ist das scrollbar oder über einen Schalter?

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

              sigi234 Horst Böttcher C R Palm_Maniac 5 Replies Last reply Reply Quote 4
              • sigi234
                sigi234 Forum Testing Most Active @Bostil last edited by

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

                Glasfaser Walter.O. 2 Replies Last reply Reply Quote 0
                • Horst Böttcher
                  Horst Böttcher @Bostil last edited by

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

                  Bostil E 2 Replies Last reply Reply Quote 0
                  • Bostil
                    Bostil @Horst Böttcher last edited by

                    @horst-böttcher Ja, die Views werden ja hier auf dem Hauptscreen eingeblendet, sobald der dazugehörige Datenpunkt mit "1" aktiviert wird oder eben mit "0" deaktiviert wird.

                    • der größere Button unten in der Navileiste bewirkt, dass ein entsprechender Datenpunkt (z. B. Homescreen_Steuerung Kalender) mit 1 beschrieben wird

                    f70b8507-8848-40d3-9c20-cdf774a31e94-image.png

                    • das dazu gehörige View in Widget mit Verweis auf die View "Kalender" wird über die Sichtbarkeitseigenschaft dann genau darüber gesteuert (ein-/ausgeblendet)
                    • Und dann ist es ja noch so: Wenn du nun "Energie" aktivierst, sollen ja alle anderen Datenpunkte auf 0 gesetzt werden, damit nur das angewählte View auch eingeblendet wird - hierfür hilft mir ein Blockly aus:

                    Blockly.txt

                    wendy2702 1 Reply Last reply Reply Quote 0
                    • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            590
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis vis editor visualisierung visualization
                                            155
                                            813
                                            267482
                                            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