Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. VIS eigenes Widget erstellen

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

VIS eigenes Widget erstellen

Scheduled Pinned Locked Moved Visualisierung
vis
88 Posts 7 Posters 16.6k Views 12 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • MartinK.M Offline
    MartinK.M Offline
    MartinK.
    wrote on last edited by MartinK.
    #58

    @CrunkFX Das ist wirklich eine sehr gute Arbeit! Vielen Dank nochmals :+1: :+1: ... 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 :hugging_face: ... aber das ist sicherlich nicht so einfach, in dem Shutter Button sind ja drei Bewegungszustände vorhanden... :thinking_face:

    ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

    CrunkFXC 1 Reply Last reply
    1
    • MartinK.M MartinK.

      @CrunkFX Das ist wirklich eine sehr gute Arbeit! Vielen Dank nochmals :+1: :+1: ... 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 :hugging_face: ... aber das ist sicherlich nicht so einfach, in dem Shutter Button sind ja drei Bewegungszustände vorhanden... :thinking_face:

      CrunkFXC Offline
      CrunkFXC Offline
      CrunkFX
      Forum Testing
      wrote on last edited by
      #59

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

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      MartinK.M 1 Reply Last reply
      1
      • CrunkFXC CrunkFX

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

        MartinK.M Offline
        MartinK.M Offline
        MartinK.
        wrote on last edited by
        #60

        @crunkfx ....MEEEGA MEEGA MEEGA !!! :grin: :handshake:

        ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

        1 Reply Last reply
        0
        • CrunkFXC CrunkFX

          @da_woody @MartinK

          Ich habe nun noch ein paar weitere Controls gebastelt. Solltet ihr noch wünsche haben, sagt bescheid.
          Hier könnt ihr das testen: https://iobroker.astoria-systems.de/vis/index.html?ShellyButons#Buttons

          Switch
          88efd492-02d7-46fc-ba83-5fce32e46c97-image.png
          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Switch

          Switch mit Power
          c4c860cd-b135-445d-a0cb-9468ea31c09e-image.png
          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Switch-Power

          Temperatur und Feuchtigkeit mit Batterie
          ce01d00a-4e7d-49c9-9c96-693c6d405493-image.png
          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Hum-Temp-Bat

          Temperatur und Feuchtigkeit
          999b8913-92c6-46ef-835c-83b1240b20af-image.png
          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Hum-Temp

          Energy
          604d323a-f82c-4364-91d0-b7d8cc52e531-image.png
          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/Power

          Da Woody Spezial
          ce61f3a9-ec41-4887-911a-05bf54191cf1-image.png
          Code: https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/DaWoody

          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

          MartinK.M Offline
          MartinK.M Offline
          MartinK.
          wrote on last edited by
          #61

          @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 : :thinking_face: 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... :thinking_face: ..... Normalerweise müsste es doch eher umgekehrt sein, das dass decodieren der Daten länger andauern müsste ??? Oder ? :upside_down_face:

          ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

          CrunkFXC 1 Reply Last reply
          0
          • MartinK.M MartinK.

            @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 : :thinking_face: 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... :thinking_face: ..... Normalerweise müsste es doch eher umgekehrt sein, das dass decodieren der Daten länger andauern müsste ??? Oder ? :upside_down_face:

            CrunkFXC Offline
            CrunkFXC Offline
            CrunkFX
            Forum Testing
            wrote on last edited by
            #62

            @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.

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            MartinK.M 1 Reply Last reply
            0
            • CrunkFXC CrunkFX

              @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.M Offline
              MartinK.M Offline
              MartinK.
              wrote on last edited by MartinK.
              #63

              @crunkfx Coole Sache!! :-) :+1: ... 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 ;-)

              ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

              1 Reply Last reply
              0
              • MartinK.M Offline
                MartinK.M Offline
                MartinK.
                wrote on last edited by
                #64

                Hallo zusammen, ich missbrauche diesen Post nochmal kurz für eine allgemeine VIS Frage ...:man-gesturing-ok: 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 ?? 🙂

                ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                CrunkFXC 1 Reply Last reply
                0
                • MartinK.M MartinK.

                  Hallo zusammen, ich missbrauche diesen Post nochmal kurz für eine allgemeine VIS Frage ...:man-gesturing-ok: 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 ?? 🙂

                  CrunkFXC Offline
                  CrunkFXC Offline
                  CrunkFX
                  Forum Testing
                  wrote on last edited by
                  #65

                  @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

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  da_WoodyD MartinK.M GlasfaserG sigi234S 5 Replies Last reply
                  4
                  • CrunkFXC CrunkFX

                    @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_WoodyD Online
                    da_WoodyD Online
                    da_Woody
                    wrote on last edited by
                    #66

                    @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... :dizzy_face:

                    gruß vom Woody
                    HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                    1 Reply Last reply
                    0
                    • CrunkFXC CrunkFX

                      @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

                      MartinK.M Offline
                      MartinK.M Offline
                      MartinK.
                      wrote on last edited by
                      #67

                      @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 ! :+1: :+1:

                      ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                      MartinK.M 1 Reply Last reply
                      0
                      • MartinK.M 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.

                        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 ! :+1: :+1:

                        MartinK.M Offline
                        MartinK.M Offline
                        MartinK.
                        wrote on last edited by MartinK.
                        #68

                        @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 ? :thinking_face:

                        Bildschirmfoto 2021-01-24 um 19.24.11.png

                        ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                        CrunkFXC 1 Reply Last reply
                        0
                        • CrunkFXC CrunkFX

                          @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

                          GlasfaserG Offline
                          GlasfaserG Offline
                          Glasfaser
                          wrote on last edited by
                          #69

                          @crunkfx

                          Coole Widget´s die du erstellst :+1:

                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                          1 Reply Last reply
                          1
                          • MartinK.M 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 ? :thinking_face:

                            Bildschirmfoto 2021-01-24 um 19.24.11.png

                            CrunkFXC Offline
                            CrunkFXC Offline
                            CrunkFX
                            Forum Testing
                            wrote on last edited by
                            #70

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

                            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            MartinK.M GlasfaserG 2 Replies Last reply
                            0
                            • CrunkFXC CrunkFX

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

                              MartinK.M Offline
                              MartinK.M Offline
                              MartinK.
                              wrote on last edited by
                              #71

                              @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 :face_with_cowboy_hat:

                              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 ? :grimacing:

                              Bildschirmfoto 2021-01-24 um 19.44.58.png

                              ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                              CrunkFXC 1 Reply Last reply
                              0
                              • MartinK.M MartinK.

                                @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 :face_with_cowboy_hat:

                                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 ? :grimacing:

                                Bildschirmfoto 2021-01-24 um 19.44.58.png

                                CrunkFXC Offline
                                CrunkFXC Offline
                                CrunkFX
                                Forum Testing
                                wrote on last edited by
                                #72

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

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                MartinK.M 1 Reply Last reply
                                0
                                • CrunkFXC CrunkFX

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

                                  GlasfaserG Offline
                                  GlasfaserG Offline
                                  Glasfaser
                                  wrote on last edited by
                                  #73

                                  @crunkfx sagte in VIS eigenes Widget erstellen:

                                  @Glasfaser Danke

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

                                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                  1 Reply Last reply
                                  0
                                  • CrunkFXC CrunkFX

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

                                    MartinK.M Offline
                                    MartinK.M Offline
                                    MartinK.
                                    wrote on last edited by
                                    #74

                                    @crunkfx sagte in VIS eigenes Widget erstellen:

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

                                    Alles klar ;-)

                                    ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                                    1 Reply Last reply
                                    0
                                    • CrunkFXC CrunkFX

                                      @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

                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      wrote on last edited by sigi234
                                      #75

                                      @crunkfx

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

                                      Screenshot (3224).png

                                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                      Immer Daten sichern!

                                      1 Reply Last reply
                                      1
                                      • CrunkFXC CrunkFX

                                        @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

                                        MartinK.M Offline
                                        MartinK.M Offline
                                        MartinK.
                                        wrote on last edited by MartinK.
                                        #76

                                        @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 :grinning:

                                        Bildschirmfoto 2021-01-24 um 23.25.23.png

                                        ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                                        MartinK.M 1 Reply Last reply
                                        0
                                        • MartinK.M 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 :grinning:

                                          Bildschirmfoto 2021-01-24 um 23.25.23.png

                                          MartinK.M Offline
                                          MartinK.M Offline
                                          MartinK.
                                          wrote on last edited by MartinK.
                                          #77

                                          @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! :grinning:

                                          EDIT: Aber vielleicht fällt Dir ja doch noch eine Möglichkeit ein das zu realisieren :grin: :grin: :grin: :+1:

                                          ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                                          CrunkFXC 1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          828

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe