Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

VIS eigenes Widget erstellen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
88 Beiträge 7 Kommentatoren 15.3k Aufrufe 12 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • CrunkFXC CrunkFX

    @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.M Offline
    MartinK.M Offline
    MartinK.
    schrieb am zuletzt editiert von
    #57

    @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 ! ;-)

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

    1 Antwort Letzte Antwort
    0
    • MartinK.M Offline
      MartinK.M Offline
      MartinK.
      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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.
          schrieb am zuletzt editiert von
          #60

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

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

          1 Antwort Letzte Antwort
          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.
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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.
                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                0
                • MartinK.M Offline
                  MartinK.M Offline
                  MartinK.
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antworten Letzte Antwort
                    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 Offline
                      da_WoodyD Offline
                      da_Woody
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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.
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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.
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antworten Letzte Antwort
                              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.
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • CrunkFXC CrunkFX

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

                                      MartinK.M Offline
                                      MartinK.M Offline
                                      MartinK.
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                        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.
                                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          911

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe