Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure Vis2

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Zeigt her eure Vis2

    This topic has been deleted. Only users with topic management privileges can see it.
    • miwi
      miwi @Crazy32 last edited by

      @crazy32 said in Zeigt her eure Vis2:

      @miwi Sehr schönes Dashboard! Ich versuche mich gerade an der VIS2 🙂 Welcher Symbol-Satz ist das? Und würdest Du mir Dein Zeit-Widget zur Verfügung stellen?

      LG,
      Markus

      Symbole habe ich selbst erstellt.

      Hier die Widgets für die Zeit-Kachel:

      [{"tpl":"tplTwSimpleDate","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","prependZero":"true","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"showWeekDay":true,"shortWeekDay":false,"monthWord":true,"noClass":true,"name":"Zeit Datum","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"557px","top":"137px","color":"#FFFFFF","z-index":"2","font-size":"14px","text-align":"center"},"widgetSet":"timeandweather"},{"tpl":"tplTwSimpleClock","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"hideSeconds":true,"noClass":true,"name":"Zeit Uhrzeit","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"490px","top":"48px","color":"#FFFFFF","font-size":"80px","z-index":"2","text-align":"center","width":"300px"},"widgetSet":"timeandweather"},{"tpl":"tplValueString","data":{"oid":"hm-rega.0.12792","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"name":"Zeit Sonnenuntergang","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"745px","top":"78px","width":"80px","height":"20px","color":"#FFFFFF","text-align":"right","font-size":"20px","z-index":"8"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"hm-rega.0.12719","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"name":"Zeit Sonnenaufgang","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"458px","top":"78px","width":"97px","height":"20px","color":"#FFFFFF","font-size":"20px","z-index":"8"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"refreshInterval":"0","html":"Zeit","g_fixed":true,"g_visibility":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","g_gestures":false,"g_css_background":false,"g_css_border":false,"g_css_shadow_padding":false,"g_signals":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"name":"Schriftzug Zeit","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"447px","top":"15px","width":"","height":"","z-index":2,"overflow-x":"","overflow-y":"","opacity":"","color":"#a8a8a8","text-align":"left","font-size":"30px","transform":"","font-weight":"bold"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"src":"/vis.0/img/miwi Grafik/Sonnenaufgang.png","stretch":true,"name":"Zeit Sonnenaufgang Piktogram","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"458px","top":"104px","width":"50px","height":"20px","z-index":"8"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"src":"/vis.0/img/miwi Grafik/Sonnenuntergang.png","stretch":true,"name":"Zeit Sonnenuntergang Piktogram","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"775px","top":"104px","width":"50px","height":"20px","z-index":"8"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","src":"","stretch":false,"name":"Rahmen Zeit","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"435px","top":"10px","width":"410px","height":"160px","z-index":"0","background":"","background-color":"#202020"},"widgetSet":"basic"}]
      
      Crazy32 1 Reply Last reply Reply Quote 1
      • Crazy32
        Crazy32 @miwi last edited by

        @miwi Danke 🙂 Gerade Deine Symbole für Sonnenauf- und untergang haben es mir angetan, hat bestimmt viel Arbeit gemacht. Wärst Du bereit die auch zu teilen?

        miwi 1 Reply Last reply Reply Quote 0
        • miwi
          miwi @Crazy32 last edited by

          @crazy32 said in Zeigt her eure Vis2:

          @miwi Danke 🙂 Gerade Deine Symbole für Sonnenauf- und untergang haben es mir angetan, hat bestimmt viel Arbeit gemacht. Wärst Du bereit die auch zu teilen?

          Sonnenuntergang.png Sonnenaufgang.png

          1 Reply Last reply Reply Quote 1
          • R
            ralalla @agreen last edited by

            @agreen
            Wäre es möglich die View`s noch mal zu teilen?
            Sind über den Link nicht mehr verfügbar.

            agreen 1 Reply Last reply Reply Quote 0
            • agreen
              agreen @ralalla last edited by

              @ralalla

              habs nochmal hochgeladen
              Link

              1 Reply Last reply Reply Quote 0
              • R
                ralalla last edited by ralalla

                Super, Danke.

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

                  Hallo in die Runde,

                  jetzt will ich auch mal kurz meine Mini Vis vorstellen. Dieses Mal nicht so aufwendig und umfangreich. Bauzeit ca. 3 Stunden. Es sind noch mehr Views vorhanden, die poste ich aber nicht da es die Kamerabilder vom Außenbereich zeigt.

                  Video als Bildschirmschoner, wird angezeigt wenn der Serverschrank geschlossen ist und der BWM im Raum aktiv ist.

                  Bildschirmfoto 2025-02-06 um 15.44.13.png

                  Erste Seite, wenn die Tür geöffnet wird.

                  Bildschirmfoto 2025-02-06 um 15.45.32.png

                  Adguard

                  Bildschirmfoto 2025-02-06 um 15.47.08.png

                  USV

                  Bildschirmfoto 2025-02-06 um 15.48.19.png

                  Netzwerk Unifi

                  Hier der Serverschrank
                  IMG_9480.jpeg

                  Und ja mein Duty Cycle ist gerade zu hoch 😉 I know 😉

                  1 Reply Last reply Reply Quote 2
                  • I
                    io2345 @UlliJ last edited by

                    @ullij Wo bzw. wie werden die txt Dateien eingefügt?

                    U 1 Reply Last reply Reply Quote 0
                    • U
                      UlliJ @io2345 last edited by

                      @io2345
                      im Editor "Seite importieren"

                      • den Inhalt der Textdateien ins Eingabefenster kopieren

                      • Namen festlegen (wie Textdatei)
                        ...fertig.

                      wie bereits oben geschrieben, da könnte CSS für die Animation der SVG's fehlen. Manchmal habe ich es im Widget mit drin, manchmal nicht.

                      I 1 Reply Last reply Reply Quote 0
                      • I
                        io2345 @UlliJ last edited by io2345

                        @ullij Prima, Danke. Das geht ja eigentlich ganz einfach.
                        Ist noch ziemlich leer, wahrscheinlich das "Grundgerüst". Und man muss die einzelnen Einträge noch seinen Datenpunkten zuweisen (würd ich vermuten). Mal sehen, wie das geht. Als kompletter Anfänger ist man da schon mal ganz schön gefordert...
                        Dann steht da noch: CSS für die Lade/Entladeanimation ins Projekt kopieren. Wo muss das genau hin?

                        Ich glaub ich bräuchte einen Thread für simple Anfängerfragen - z.B. wie erreiche ich einen einzelnen Wert, der hinter einer Fläche liegt? Gibt es so einen Thread für vis-2?

                        U 1 Reply Last reply Reply Quote 0
                        • U
                          UlliJ @io2345 last edited by

                          @io2345
                          mach doch einen eigenen Thread auf. Da helfe ich gerne weiter

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

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          882
                          Online

                          31.9k
                          Users

                          80.2k
                          Topics

                          1.3m
                          Posts

                          23
                          57
                          8145
                          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