Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS eigenes Widget erstellen

    NEWS

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    VIS eigenes Widget erstellen

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

      @crunkfx said in VIS eigenes Widget erstellen:

      Ich habe noch eine Frage

      So viele du willst 😉

      Der einzige Unterschied besteht in dem Blauen Teil

      😉 .... Also diese 6 PNG's sind doch alle identisch oder? ist doch immer On / Off oder habe ich was übersehen ?

      33629663-ee95-46e5-bdcd-35a01bd6e782-image.png

      CrunkFX da_Woody 2 Replies Last reply Reply Quote 0
      • da_Woody
        da_Woody @CrunkFX last edited by

        @crunkfx said in VIS eigenes Widget erstellen:

        Der einzige Unterschied besteht in dem Blauen Teil

        dann fehlt aber noch einer. floet.gif
        wenn der SW kontakt verwendet wird!
        cc45e6bc-90c8-4315-b69f-6d70cfb4eee2-grafik.png 25491fcd-d74f-4418-a1fd-3cfa5bebb38c-grafik.png
        undweg.gif

        1 Reply Last reply Reply Quote 0
        • CrunkFX
          CrunkFX Forum Testing @MartinK. last edited by

          @martink 292f1edb-e7d0-4cd9-9ae3-89db9151df0a-image.png
          318ecd01-b933-4c95-9903-aad5ab0de000-image.png
          Darin liegt der Unterschied in den Dateien

          MartinK. 1 Reply Last reply Reply Quote 0
          • da_Woody
            da_Woody @MartinK. last edited by

            @martink nope, schau sie dir an!

            MartinK. 1 Reply Last reply Reply Quote 0
            • MartinK.
              MartinK. @da_Woody last edited by

              @da_woody Sorry.... meine Augen sind von den hier geleisteten ganzen technischen Raffinessen schon total blind.... 😎

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

                @crunkfx said in VIS eigenes Widget erstellen:

                Solltet ihr noch wünsche haben, sagt bescheid.

                Tolle Arbeit!👍

                Für Heizung wäre noch was Super.

                da_Woody 1 Reply Last reply Reply Quote 0
                • da_Woody
                  da_Woody @MartinK. last edited by

                  @martink biglol.gif glaub ich dir aufs wort!
                  was manche mädelz da raushauen ist oft wirklich faszinierend...droelf.gif

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

                    @sigi234 said in VIS eigenes Widget erstellen:

                    Für Heizung wäre noch was Super.

                    für mich reicht da mein dawoody_spezial. ok automatisch steuern kann ich damit nicht, aber als anzeige langts.

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

                      @da_woody said in VIS eigenes Widget erstellen:

                      @sigi234 said in VIS eigenes Widget erstellen:

                      Für Heizung wäre noch was Super.

                      für mich reicht da mein dawoody_spezial. ok automatisch steuern kann ich damit nicht, aber als anzeige langts.

                      Jupp, ist ja alles änderbar.😀

                      CrunkFX 1 Reply Last reply Reply Quote 0
                      • MartinK.
                        MartinK. @CrunkFX last edited by

                        ...Wäre es auch irgendwie möglich, wenn man lange Gerätenamen implementieren möchte, das man zwei Textzeilen Untereinander schreiben kann, damit man die Schrift nicht so klein machen muss - damit es schön in das schwarze Feld passt , also quasi so wie im Original ?? 😬

                        91c57089-0424-42d8-9ff0-0aca08f2644b-image.png

                        CrunkFX 1 Reply Last reply Reply Quote 0
                        • CrunkFX
                          CrunkFX Forum Testing @sigi234 last edited by CrunkFX

                          Ich hab alle nochmal Final überarbeitet und ein paar neu hinzugefügt.
                          Test-Link: https://iobroker.astoria-systems.de/vis/index.html?ShellyButons#Buttons

                          @da_Woody

                          Switch mit Input
                          ac11f831-51a3-4a69-8c0a-fcb90511e58f-image.png
                          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Switch -w Input

                          Power-Switch mit Input
                          8ab2de98-351b-4764-a877-831a6e01ae70-image.png
                          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Switch-Power -w Input

                          DaWoody Spezial mit Input
                          f1873e39-0ce2-4c1c-8592-26a98a835041-image.png
                          Code:https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/DaWoody -w Input

                          Thermostat
                          @sigi234 Das ist das Standard Heizthermostat von Shelly. Vielleicht hast du ja noch Ideen um das weiter auszuschmücken.
                          6566917a-3a63-4895-a062-9fee07319ea4-image.png
                          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Thermostat

                          Alle Links aus dem ersten Thread bleiben aktuell.

                          da_Woody 1 Reply Last reply Reply Quote 1
                          • CrunkFX
                            CrunkFX Forum Testing @MartinK. last edited by

                            @martink bf939a39-e718-4366-bee5-e492cce0043e-image.png Ja, dazu einfach im Editor das Textfeld größer ziehen. Dann wird eine Zeile tiefer geschrieben.

                            MartinK. 1 Reply Last reply Reply Quote 0
                            • da_Woody
                              da_Woody @CrunkFX last edited by

                              @crunkfx gott.gif

                              1 Reply Last reply Reply Quote 0
                              • MartinK.
                                MartinK. @CrunkFX last edited by

                                @crunkfx ^

                                @crunkfx said in VIS eigenes Widget erstellen:

                                @martink bf939a39-e718-4366-bee5-e492cce0043e-image.png Ja, dazu einfach im Editor das Textfeld größer ziehen. Dann wird eine Zeile tiefer geschrieben.

                                Aaaaah! Alles klar ! 😉

                                1 Reply Last reply Reply Quote 0
                                • MartinK.
                                  MartinK. last edited by MartinK.

                                  @CrunkFX Das ist wirklich eine sehr gute Arbeit! Vielen Dank nochmals 👍 👍 ... Wenn du nochmals ganz viel Zeit hast, dann könnte man ja auch noch die Jalousie Buttons mit aufnehmen... Und dann haben wir ja auch alles 🤗 ... aber das ist sicherlich nicht so einfach, in dem Shutter Button sind ja drei Bewegungszustände vorhanden... 🤔

                                  CrunkFX 1 Reply Last reply Reply Quote 1
                                  • CrunkFX
                                    CrunkFX Forum Testing @MartinK. last edited by

                                    @martink Ja das lässt sich aber machen. Ich werde das beizeiten hinzufügen. Dimmer hab ich auch noch auf der Liste stehen.

                                    MartinK. 1 Reply Last reply Reply Quote 1
                                    • MartinK.
                                      MartinK. @CrunkFX last edited by

                                      @crunkfx ....MEEEGA MEEGA MEEGA !!! 😁 🤝

                                      1 Reply Last reply Reply Quote 0
                                      • MartinK.
                                        MartinK. @CrunkFX last edited by

                                        @crunkfx sagte in VIS eigenes Widget erstellen:

                                        EDIT

                                        Falls möglich benutzt bitte die Hintergründe als PNG. Bei vielen Elementen kann es mit Base64 zu Problemen kommen. Die Assets findet ihr hier: https://github.com/CrunkFX/IOBrokerCustomFiles/tree/master/Images

                                        Nur mal so interessehalber : 🤔 Was mir gerade beim nutzen der Meeeegageilen "Schaltwidgets" aufgefallen ist (habe brav den kodierten Base64 String durch PNG ersetzt) - wenn ich sie mit der iobroker iOS App nutze, (über eine VPN Verbindung) beim Schalten - dann sieht man eine kurzes "switchen" wenn die PNG von On auf Off geändert wird... Wenn ich das gleiche "Schaltwidget" als Base64 kodiert lasse - dann geht es so schnell das man das "switchen" der Schaltfläche nicht sieht... 🤔 ..... Normalerweise müsste es doch eher umgekehrt sein, das dass decodieren der Daten länger andauern müsste ??? Oder ? 🙃

                                        CrunkFX 1 Reply Last reply Reply Quote 0
                                        • CrunkFX
                                          CrunkFX Forum Testing @MartinK. last edited by

                                          @martink Ich vermute mal, das der Base64 String direkt mit an die App übertragen wird. Die png´s werden zumindest beim IPhone nur geladen wenn sie gebraucht werden. Wenn du also mit Base64 keine Probleme hast kannst du das gerne weiter nutzen. Die kommenden Widgets werden genauso geliefert.

                                          MartinK. 1 Reply Last reply Reply Quote 0
                                          • MartinK.
                                            MartinK. @CrunkFX last edited by MartinK.

                                            @crunkfx Coole Sache!! 🙂 👍 ... wie gesagt - sobald ich im Heimnetz bin und es dann mit der iOS ioBroker App teste geht alles ohne diesen "switch" Effekt 😉 ....

                                            EDIT:
                                            Doch, im Heimnetz ist dieser Effekt mit den PNG's auch - ist mir nur vorher nicht aufgefallen 😉

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            367
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            7
                                            88
                                            8383
                                            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