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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    VIS eigenes Widget erstellen

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

      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

      Ich habe noch eine Frage zu den PNG's ... Der on + off Button ist doch immer der gleiche ? oder worin besteht der unterschied in den Button PNG'S ? 😀

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

        Ich habe noch eine Frage

        So viele du willst 😉

        Der einzige Unterschied besteht in dem Blauen Teil

        MartinK. da_Woody 2 Replies Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            691
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

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