Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Vorstellung] Meine zweite Visualisierung

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [Vorstellung] Meine zweite Visualisierung

    This topic has been deleted. Only users with topic management privileges can see it.
    • K
      Kuddel @Negalein last edited by

      @Negalein ja ist besser.

      Vllt. hat sich im Skript iwo ein Fehler eingeschlichen oder so...

      1 Reply Last reply Reply Quote 0
      • P
        Paan83 last edited by

        Deine VIS ist echt super geworden. Ich hätte nur eine Frage, wie hast du diese Striche unter dem Text hinbekommen?
        strich.JPG
        Danke dir im voraus

        sigi234 1 Reply Last reply Reply Quote 0
        • A
          Annuit20 last edited by

          Seit langer Zeit noch mal ins Forum geschaut und direkt im ersten Post den ich lese ein Dankeschön. Das ist richtig toll!

          Bitte und viel Spaß. Diesen Winter wird nochmal gebastelt und ich komme hoffentlich dazu mal eine mobile Version zu erstellen.

          Gruß

          1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @Paan83 last edited by sigi234

            @Paan83 sagte in [Vorstellung] Meine zweite Visualisierung:

            Deine VIS ist echt super geworden. Ich hätte nur eine Frage, wie hast du diese Striche unter dem Text hinbekommen?
            strich.JPG
            Danke dir im voraus

            Widget:

            [{"tpl":"tplHtml","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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Wetter_Sigi/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.0/Wetter_Sigi/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.0/Wetter_Sigi/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"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,"name":"Linie Links Mondstatus","filterkey":"Linie"},"style":{"left":"1025px","top":"90px","width":"80px","height":"3px","background":"linear-gradient(to right, #282828 5px, white 200px )","z-index":"3"},"widgetSet":"basic"},{"tpl":"tplHtml","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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Wetter_Sigi/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.0/Wetter_Sigi/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.0/Wetter_Sigi/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"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,"name":"Linie Rechts Mondstatus","filterkey":"Linie"},"style":{"left":"1105px","top":"90px","width":"80px","height":"3px","background":"linear-gradient(to left, #282828 5px, white 200px )","z-index":"3"},"widgetSet":"basic"}]
            
            P 1 Reply Last reply Reply Quote 1
            • P
              Paan83 @sigi234 last edited by

              @sigi234 Hey, danke für deine schnelle Antwort, ich habe das Widget importiert, bei mir sieht es aber folgendermaßen aus:
              strich.JPG
              Fehlt mir veilleicht noch ein Adapter?

              A 1 Reply Last reply Reply Quote 0
              • A
                Annuit20 @Paan83 last edited by

                @Paan83 sagte in [Vorstellung] Meine zweite Visualisierung:

                @sigi234 Hey, danke für deine schnelle Antwort, ich habe das Widget importiert, bei mir sieht es aber folgendermaßen aus:
                strich.JPG
                Fehlt mir veilleicht noch ein Adapter?

                Versucht mal diese:

                [{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","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,"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,"name":"Line-1"},"style":{"left":"407px","top":"371px","background":"linear-gradient(to right, #212121 20px, White 200px )","height":"2px","width":"125px","z-index":"30"},"widgetSet":"basic"}]
                
                [{"tpl":"tplHtml","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,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","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,"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,"html":"","name":"Linie-2"},"style":{"left":"259px","top":"340px","background":"linear-gradient(to left, #212121 20px, White 200px )","height":"2px","width":"125px","z-index":"30"},"widgetSet":"basic"}]
                

                P 1 Reply Last reply Reply Quote 0
                • P
                  Paan83 @Annuit20 last edited by

                  @Annuit20 Leider genau das selbe Ergebnis.
                  Das sind ja einfache Basic html Widgets. Mit welchen Einstellungen kann man die bearbeiten, dass sie so spitz nach aussen zulaufen?
                  Sorry für die fragerei, aber ich bin noch in der Lernphase...
                  Danke euch

                  K 1 Reply Last reply Reply Quote 0
                  • K
                    Kuddel @Paan83 last edited by

                    @Paan83 auf Seite 1 stehen alle benötigten Adapter:

                    Damit alles korrekt dargestellt wird, müssen folgende Widgets installiert sein:
                    408591b8-7148-4efd-8e50-c6c93f1caa07-grafik.png

                    1 Reply Last reply Reply Quote 0
                    • P
                      Paan83 last edited by

                      Mir haben noch zwei Adapter gefehlt, ich habe diese installiert und erneut versucht das Widget zu importieren, aber leider immer noch das gleiche Ergebnis

                      Röstkartoffel 1 Reply Last reply Reply Quote 0
                      • Röstkartoffel
                        Röstkartoffel @Paan83 last edited by

                        @Paan83
                        Kannst du uns bitte mal einen größeren Ausschnitt mit dem beiden Widgets zeigen?
                        Diese sind nämlich auch vom Hintergrund abhängig, um spitz nach aus auszusehen.

                        P 1 Reply Last reply Reply Quote 0
                        • P
                          Paan83 @Röstkartoffel last edited by

                          @Röstkartoffel aber klar, ich habe einfach mal den Hintergrund Schwarz, Grau und Weiss gemacht!!
                          Test1.JPG
                          test2.JPG
                          test3.JPG
                          (Dies ist mein Testview, bitte nicht wundern wegen der Unordnung 😬 )

                          K 1 Reply Last reply Reply Quote 0
                          • K
                            Kuddel @Paan83 last edited by

                            @Paan83 du weißt, dass es immer zwie Linien sind ?

                            eine linke und eine rechte ?

                            sigi234 1 Reply Last reply Reply Quote 0
                            • sigi234
                              sigi234 Forum Testing Most Active @Kuddel last edited by

                              @Kuddel sagte in [Vorstellung] Meine zweite Visualisierung:

                              @Paan83 du weißt, dass es immer zwie Linien sind ?

                              eine linke und eine rechte ?

                              Der Verlauf wird unter CCS Hintergrund gesteuert!

                              linear-gradient(to left, #282828 5px, white 200px )
                              
                              K 1 Reply Last reply Reply Quote 1
                              • K
                                Kuddel @sigi234 last edited by

                                @sigi234 ja stimmt

                                1bf6ea5e-e1c4-41b8-be42-eb5b1672377d-grafik.png

                                linear-gradient(to right, #212121 20px, White 200px )
                                
                                1 Reply Last reply Reply Quote 1
                                • sigi234
                                  sigi234 Forum Testing Most Active last edited by sigi234

                                  Hallo @Kuddel ,

                                  arbeite gerade an einer Echo Show5 Vis. Wie bekomme ich den Hintergrund Transparent beim jqi-input Widget?
                                  Beiße mir gerade die Zähne aus.😀

                                  [{"tpl":"tplJquiInput","data":{"oid":"alexa2.0.Echo-Devices.G0913L0592570PHD.Music-Provider.Amazon-Music-Playlist","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","label":"Playlist to play with AM","digits":"0","size":"81","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,"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,"asString":true},"style":{"left":"28px","top":"558px","z-index":"5","background-color":"transparent","color":"#d7cec1","font-family":"RobotoCondensed-Light","font-size":"large","background":"transparent","width":"766px","height":"33px"},"widgetSet":"jqui"}]
                                  

                                  Screenshot (81)_LI.jpg

                                  K 1 Reply Last reply Reply Quote 0
                                  • K
                                    Kuddel @sigi234 last edited by

                                    @sigi234 habs bei mir importiert. Leider wird bei mir der Hintergrund auch weiß dargestellt.

                                    Bei meinen anderen Input Widgets wurde der Hintergrund mit Verwendung des Material-Designs durchsichtig.

                                    Leider scheint das hier nicht zu funktionieren. Da bin ich gerade ein wenig überfragt.

                                    sigi234 1 Reply Last reply Reply Quote 0
                                    • sigi234
                                      sigi234 Forum Testing Most Active @Kuddel last edited by sigi234

                                      @Kuddel sagte in [Vorstellung] Meine zweite Visualisierung:

                                      Leider scheint das hier nicht zu funktionieren. Da bin ich gerade ein wenig überfragt.

                                      Aha, hab es, es ändert sich mit dem Thema.Aber leider nicht Transparent.

                                      1 Reply Last reply Reply Quote 0
                                      • Negalein
                                        Negalein Global Moderator last edited by

                                        @Kuddel

                                        Hi Kuddel!

                                        Du hast bei deinem Anwesenheitsblockly unteranderem auf den DP javascript.0.echo.sprachausgabe_wohnzimmer verwiesen.

                                        In deinen Scripts finde ich leider kein Script, dass in diesen erstellten DP schreibt.

                                        Könntest du es hier reinstellen?

                                        Danke

                                        K 1 Reply Last reply Reply Quote 0
                                        • D
                                          David16 @David16 last edited by

                                          @Kuddel Also es gab seit dem keine Probleme mehr. - Vielen Dank für deine Unterstützung!

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

                                            @David16 said in [Vorstellung] Meine zweite Visualisierung:

                                            @Kuddel

                                            Also meine Version ist 4.1.16.

                                            Ansonsten passen die Versionen soweit auch:
                                            b1d2b5b0-c9ad-4e5a-b5cd-e13ff3a6e2e9-image.png

                                            Ich habe gestern Abend aber mal den iobroker komplett neu gestartet. Die Adapter leuchtet jetzt "grün". In den Logs sind auch keine Fehlermeldung mehr zu erkennen. - Keine Ahnung an was es gelegen haben soll.

                                            In der VIS ist die Rollo-Steuerung und Astro-Steuerung auch wieder da und die Rollos sind auch um 19:45 heruntergefahren:

                                            895ab94f-66a9-425b-8d0c-cb09477a31f6-image.png

                                            Ich beobachte das mal die nächsten Tage intensiv und berichte dann. - Dir vielen Dank für drüber schauen!👍

                                            @Kuddel Also es gab seit dem keine Probleme mehr. - Vielen Dank für deine Unterstützung!

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            928
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            template vis
                                            148
                                            1324
                                            458919
                                            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