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. last edited by

      Hallo zusammen, ich missbrauche diesen Post nochmal kurz für eine allgemeine VIS Frage ...🙆‍♂️ und zwar habe immer das Phänomen, das in der iOS iobroker App die View scroll Position von der vorher aufgerufenen View angezeigt wird. Gibt es eine Möglichkeit das so einzustellen, das beim aufrufen der View diese immer der obersten Position angezeigt wird? Ich habe mich da schon mit allen "Hintergrund" Einstellungen beschäftigt, aber es ändert sich nichts , egal ob ich center-top / oder center-center / ....usw anklicke ??? Des weiteren kann ich z.B. Die View in der App z.B nach rechts verschieben, und sehe dann natürlich einen weißen Bereich in dem nichts ist.. Wie kann ich es denn fixen, das sich die Vis - View auch in dem vorgegebenen Rahmen (375 x Höhe) aufhält, und ich nicht über diese Begrenzung hinaus "wischen" kann ?? 🙂

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

        @martink @da_Woody Ich habe nun angefangen ein paar Shelly Controls zu bauen. Die ersten sind fertig.

        Test-Link: https://iobroker.astoria-systems.de/vis/index.html?ShellyButons#Buttons

        Dimmer
        f970f4dc-efd1-4346-8bed-ca4422443c9c-image.png

        Beim Dimmer gibt´s leider durch einen vermeindlichen Bug im HTML Widget eine Besonderheit. Neben den Einstellungen in der GroupControl muss hier auch im HTML vom Slider der Datenpunkt gesetzt werden:
        2c2277d8-d304-4e92-a7fb-79c664ea799f-image.png f0fb01d8-80fb-4b68-8c9a-a95d7747f7bf-image.png 75c13992-7e04-44a0-b5a4-70a9fba52024-image.png

        Sollte machbar sein.

        Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Controls/Dimmer

        Shutter
        61cad1b9-f169-424c-89aa-b391b4af4db1-image.png

        Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Controls/Shutter

        Sensor
        5878c4c0-57f0-4758-a777-4207e176d5e7-image.png

        Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Controls/Sensor

        da_Woody MartinK. Glasfaser sigi234 5 Replies Last reply Reply Quote 4
        • da_Woody
          da_Woody @CrunkFX last edited by

          @crunkfx du bist der wahnsinn! schau ich mir 100% an! muss aber erst meine brokerprobs lösen. hab beschlossen den ioBroker heute neu zu insten... 😵

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

            @crunkfx sagte in VIS eigenes Widget erstellen:

            @martink @da_Woody Ich habe nun angefangen ein paar Shelly Controls zu bauen. Die ersten sind fertig.

            Test-Link: https://iobroker.astoria-systems.de/vis/index.html?ShellyButons#Buttons

            Dimmer
            f970f4dc-efd1-4346-8bed-ca4422443c9c-image.png

            Beim Dimmer gibt´s leider durch einen vermeindlichen Bug im HTML Widget eine Besonderheit. Neben den Einstellungen in der GroupControl muss hier auch im HTML vom Slider der Datenpunkt gesetzt werden:
            2c2277d8-d304-4e92-a7fb-79c664ea799f-image.png f0fb01d8-80fb-4b68-8c9a-a95d7747f7bf-image.png 75c13992-7e04-44a0-b5a4-70a9fba52024-image.png

            Sollte machbar sein.

            Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Controls/Dimmer

            Shutter
            61cad1b9-f169-424c-89aa-b391b4af4db1-image.png

            Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Controls/Shutter

            Sensor
            5878c4c0-57f0-4758-a777-4207e176d5e7-image.png

            Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Controls/Sensor

            Suuuper! Vielen Dank ! 👍 👍

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

              @martink sagte in VIS eigenes Widget erstellen:

              @crunkfx sagte in VIS eigenes Widget erstellen:

              @martink @da_Woody Ich habe nun angefangen ein paar Shelly Controls zu bauen. Die ersten sind fertig.

              Test-Link: https://iobroker.astoria-systems.de/vis/index.html?ShellyButons#Buttons

              Dimmer
              f970f4dc-efd1-4346-8bed-ca4422443c9c-image.png

              Beim Dimmer gibt´s leider durch einen vermeindlichen Bug im HTML Widget eine Besonderheit. Neben den Einstellungen in der GroupControl muss hier auch im HTML vom Slider der Datenpunkt gesetzt werden:
              2c2277d8-d304-4e92-a7fb-79c664ea799f-image.png f0fb01d8-80fb-4b68-8c9a-a95d7747f7bf-image.png 75c13992-7e04-44a0-b5a4-70a9fba52024-image.png

              Sollte machbar sein.

              Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Controls/Dimmer

              Shutter
              61cad1b9-f169-424c-89aa-b391b4af4db1-image.png

              Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Controls/Shutter

              @CrunkFX Also bei der Shutter Gruppe scheint noch irgendwo ein Fehler zu sein..
              Wenn der Code als Widget importiert wird dann wird zwar die Gruppe erzeugt, aber das Widget nicht angezeigt ? 🤔

              Bildschirmfoto 2021-01-24 um 19.24.11.png

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

                @crunkfx

                Coole Widget´s die du erstellst 👍

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

                  @martink Setzt mal bitte die Werte top und left auf 0
                  d7f1b124-ad6b-4fe1-8560-fa479f2df76a-image.png
                  @Glasfaser Danke 🤠

                  MartinK. Glasfaser 2 Replies Last reply Reply Quote 0
                  • MartinK.
                    MartinK. @CrunkFX last edited by

                    @crunkfx sagte in VIS eigenes Widget erstellen:

                    @martink Setzt mal bitte die Werte top und left auf 0
                    d7f1b124-ad6b-4fe1-8560-fa479f2df76a-image.png
                    @Glasfaser Danke 🤠

                    Alles klar ! Jetzt sieht man es 😉 ... Kann man die Größenänderung auch irgendwie so fixieren, das sich das "Widget" nicht so zerteilt wenn man die Größe ändert ? 😬

                    Bildschirmfoto 2021-01-24 um 19.44.58.png

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

                      @martink Halt mal beim Größe ändern Shift gedrückt

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

                        @crunkfx sagte in VIS eigenes Widget erstellen:

                        @Glasfaser Danke

                        Wofür Danke , wegen den % in der Gruppe , im anderen Thread !?

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

                          @crunkfx sagte in VIS eigenes Widget erstellen:

                          @martink Halt mal beim Größe ändern Shift gedrückt

                          Alles klar 😉

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

                            @crunkfx

                            Die Shelly Widgets gehen auch für Hue usw...

                            Screenshot (3224).png

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

                              @crunkfx sagte in VIS eigenes Widget erstellen:

                              @martink @da_Woody Ich habe nun angefangen ein paar Shelly Controls zu bauen. Die ersten sind fertig.

                              Shutter
                              61cad1b9-f169-424c-89aa-b391b4af4db1-image.png

                              Vielleicht kannst Du ja auch nochmal so ein schmales Shutter Widget bauen.. (für den Smartphone Nutzung) 🙂

                              Bildschirmfoto 2021-01-24 um 23.21.39.png

                              Das würde dann besser in die Reihe passen 😀

                              Bildschirmfoto 2021-01-24 um 23.25.23.png

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

                                @martink sagte in VIS eigenes Widget erstellen:

                                @crunkfx sagte in VIS eigenes Widget erstellen:

                                @martink @da_Woody Ich habe nun angefangen ein paar Shelly Controls zu bauen. Die ersten sind fertig.

                                Shutter
                                61cad1b9-f169-424c-89aa-b391b4af4db1-image.png

                                Vielleicht kannst Du ja auch nochmal so ein schmales Shutter Widget bauen.. (für den Smartphone Nutzung) 🙂

                                @CrunkFX also ich habe die Shutter Gruppe mal auseinander gepflückt, und musste auch feststellen, das es ja eigentlich fast nicht zu realisieren ist, ein Widget mit nur einem Butten für Auf / Pause / Zu .... zu erstellen... 😉 bei deiner Gruppe wurde es ja mit dem "Blub" Widget gelöst! 🙂 super idee! 😀

                                EDIT: Aber vielleicht fällt Dir ja doch noch eine Möglichkeit ein das zu realisieren 😁 😁 😁 👍

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

                                  @martink Also das ist schon machbar, dafür gibt es den Reiter Sichtbarkeit. Dort kannst du je nach Wert Buttons anzeigen und verstecken. Ich mach nachher Mal was fertig

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

                                    @crunkfx sagte in VIS eigenes Widget erstellen:

                                    @martink Also das ist schon machbar, dafür gibt es den Reiter Sichtbarkeit. Dort kannst du je nach Wert Buttons anzeigen und verstecken. Ich mach nachher Mal was fertig

                                    Oha.... Da bin ich ja mal gespannt 😳 .... Das mit dem Reiter Sichtbarkeit wusste ich z.B. auch noch nicht, das man Buttons dann verschwinden lassen kann - anhand vom Wert 😎

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

                                      Hallo zusammen ✋
                                      So, ich habe nun auch mal meine Künste walten lassen und das Shelly Shutter Widget nochmals etwas nachgebastelt.

                                      86a27777-ec30-46eb-a1c1-8d9d74452f99-image.png

                                      Es funktioniert auch recht gut, aber leider habe ich noch nicht heraus gefunden, wie ich die open / close Buttons verschalten muss, das sie bei jedem druck wechseln. Derzeit kann man den open / close Wechsel nur hervorrufen wenn die Jalousie Position größer bzw. kleiner als 0 / 100 % ist 😉

                                      Vielleicht hat @CrunkFX da ja noch eine Idee 😉
                                      Hier mal die RTF Datei zum importieren in den ioBroker 🙂
                                      shelly-shutter_widget.rtf

                                      1 Reply Last reply Reply Quote 0
                                      • D
                                        dali.g last edited by

                                        @CrunkFX wäre es möglich, dass du eine kurze Anleitung erstellst, wie du das ganze angehst?

                                        Angefangen vom Paint, ...

                                        DANKE

                                        CrunkFX 2 Replies Last reply Reply Quote 0
                                        • CrunkFX
                                          CrunkFX Forum Testing @dali.g last edited by

                                          @dali-g Klar das kann ich gerne am Wochenende machen.

                                          @MartinK An genau diesem Problem arbeite ich gerade. Ich möchte das ganze so einfach wie möglich angehen ohne Skripte. Das ist leider nicht ganz so einfach.

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

                                            @crunkfx sagte in VIS eigenes Widget erstellen:

                                            @MartinK An genau diesem Problem arbeite ich gerade. Ich möchte das ganze so einfach wie möglich angehen ohne Skripte. Das ist leider nicht ganz so einfach.

                                            ...ja ich war auch schon auf der suche nach einem "toggle" Widget mit 3 Schaltfunktionen - welches man auseinander nehmen könnte 😄 ...aber das scheint es so noch nicht zu geben 😉

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            770
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

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