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.
  • B benziman

    @CrunkFX
    Danke für deine Hilfe!
    Leider kann ich das so nicht verwenden da hier bestimmte Werte getriggert werden müssen. Das sieht in OpenHab so aus bisher:

    65517713-a2f0-4b0f-b66f-2c2dd6bd7f99-grafik.png

    1= hoch, 2=runter, 3=stop, und dann halt noch meinem Tuyataster zugeordnet

    85888ee2-7923-4f3e-8165-14ddf8f38a9b-grafik.png.
    Habe bisher leider nichts gefunden wie man solch ein Widget selber baut.

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

    @benziman Ich hätte vielleicht erklären sollen, das man dort die Werte und Datenpunkte selber einstellen kann. Screenshot_20200722_191739_com.android.chrome.jpg Also einfach Up down Stop gegen 123 tauschen und darunter die tuya Datenpunkte auswählen

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

    B 1 Reply Last reply
    0
    • CrunkFXC CrunkFX

      @benziman Ich hätte vielleicht erklären sollen, das man dort die Werte und Datenpunkte selber einstellen kann. Screenshot_20200722_191739_com.android.chrome.jpg Also einfach Up down Stop gegen 123 tauschen und darunter die tuya Datenpunkte auswählen

      B Offline
      B Offline
      benziman
      wrote on last edited by
      #5

      @CrunkFX
      cool, probiere ich mal! Danke.
      Besteht denn die Möglichkeit die Icons irgendwie zu tauschen?

      CrunkFXC 1 Reply Last reply
      0
      • B benziman

        @CrunkFX
        cool, probiere ich mal! Danke.
        Besteht denn die Möglichkeit die Icons irgendwie zu tauschen?

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

        @benziman Schau dir den Screenshot nochmal genau an :blush:

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

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

          @CrunkFX
          boah WTF :D du bist ja mega!
          Funktioniert schon, Icons probiere ich jetzt. Mega vielen Dank!!

          CrunkFXC 1 Reply Last reply
          0
          • B benziman

            @CrunkFX
            boah WTF :D du bist ja mega!
            Funktioniert schon, Icons probiere ich jetzt. Mega vielen Dank!!

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

            @benziman Kein Thema, Hintergrund Farbe kannst du ganz normal ändern, Button Farbe per Doppelklick und dann die Images auswählen und umfärben.

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

            B 1 Reply Last reply
            0
            • CrunkFXC CrunkFX

              @benziman Kein Thema, Hintergrund Farbe kannst du ganz normal ändern, Button Farbe per Doppelklick und dann die Images auswählen und umfärben.

              B Offline
              B Offline
              benziman
              wrote on last edited by
              #9

              @CrunkFX
              läuft, danke nochmal!

              1 Reply Last reply
              1
              • CrunkFXC CrunkFX

                @benziman Schau dir den Screenshot nochmal genau an :blush:

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

                @crunkfx Hallo, ich habe da auch mal eine kleine Frage, und zwar würde ich gerne diese beiden PNG's als Widget neu erstellen, gibt es da irgend wie eine möglichkeit ? Gibt es da einen Adapter den man dazu nutzen könnte ??

                OFF_Button1.png ON_Button1.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 Hallo, ich habe da auch mal eine kleine Frage, und zwar würde ich gerne diese beiden PNG's als Widget neu erstellen, gibt es da irgend wie eine möglichkeit ? Gibt es da einen Adapter den man dazu nutzen könnte ??

                  OFF_Button1.png ON_Button1.png

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

                  @martink Hi, sollen dort auch wie beim Shelly die Werte für Leistung und Name angezeigt werden?

                  MFG
                  CrunkFX

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

                  MartinK.M 1 Reply Last reply
                  0
                  • CrunkFXC CrunkFX

                    @martink Hi, sollen dort auch wie beim Shelly die Werte für Leistung und Name angezeigt werden?

                    MFG
                    CrunkFX

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

                    @crunkfx Das hast Du schnell erkannt um welche Buttons es sich handelt :grinning: Oh, das wäre natürlich der OBERHAMMER! Aber das könnte ich auch einfach mit einem Zahlenfeld verknüpfen.... :-) ...

                    Wenn ich wüsste wie ich das anstellen muss, dann würde ich ja so nach und nach alle Shelly Buttons und Sensoren selber nach basteln :grin:

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

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

                      @crunkfx Das hast Du schnell erkannt um welche Buttons es sich handelt :grinning: Oh, das wäre natürlich der OBERHAMMER! Aber das könnte ich auch einfach mit einem Zahlenfeld verknüpfen.... :-) ...

                      Wenn ich wüsste wie ich das anstellen muss, dann würde ich ja so nach und nach alle Shelly Buttons und Sensoren selber nach basteln :grin:

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

                      @martink Naja, nachbasteln ist leider nicht ganz so leicht bei den Elementen. Shelly macht die in einem Grafikprogramm und nutzt Funktionen wie z.B. rauschen. Das bekommst du in CSS leider nicht so hin. Da bleibt nur die Screenshot Variante. Ich mach mal kurz was fertig

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

                      MartinK.M 1 Reply Last reply
                      0
                      • CrunkFXC CrunkFX

                        @martink Naja, nachbasteln ist leider nicht ganz so leicht bei den Elementen. Shelly macht die in einem Grafikprogramm und nutzt Funktionen wie z.B. rauschen. Das bekommst du in CSS leider nicht so hin. Da bleibt nur die Screenshot Variante. Ich mach mal kurz was fertig

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

                        @crunkfx Uhhh , da bin ich ja mal gespannt! :flushed:

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

                        1 Reply Last reply
                        0
                        • CrunkFXC Offline
                          CrunkFXC Offline
                          CrunkFX
                          Forum Testing
                          wrote on last edited by CrunkFX
                          #15

                          @martink c0f58e0c-5878-4274-85f7-6f1dc0847d2b-image.png

                          Ich hab mal ne kleine Gruppenvorlage gebaut. Schau mal ob du da was mit anfangen kannst.

                          (So geht importieren
                          vvvvvvv


                          d7355842-4c02-42bb-8c23-6a903c9ef54b-image.png
                          )

                          Den Inhalt hiervon bitte einmal importieren:
                          https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/ShellyButtonwPower

                          Einstellungen:
                          690b196e-2582-4daa-b53e-86abaf210880-image.png

                          Test Link: https://iobroker.astoria-systems.de/vis/index.html#35311

                          Probier das mal aus.

                          MFG
                          CrunkFX

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

                          MartinK.M da_WoodyD 2 Replies Last reply
                          1
                          • CrunkFXC CrunkFX

                            @martink c0f58e0c-5878-4274-85f7-6f1dc0847d2b-image.png

                            Ich hab mal ne kleine Gruppenvorlage gebaut. Schau mal ob du da was mit anfangen kannst.

                            (So geht importieren
                            vvvvvvv


                            d7355842-4c02-42bb-8c23-6a903c9ef54b-image.png
                            )

                            Den Inhalt hiervon bitte einmal importieren:
                            https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/ShellyButtonwPower

                            Einstellungen:
                            690b196e-2582-4daa-b53e-86abaf210880-image.png

                            Test Link: https://iobroker.astoria-systems.de/vis/index.html#35311

                            Probier das mal aus.

                            MFG
                            CrunkFX

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

                            @crunkfx Woow!!! :flushed: :clap: :clap: :+1: Das ist ja Mega! Vielen Dank!
                            Das hätte ich niemals so schnell geschafft ! Aber verrate mir doch mal womit man so etwas herstellt ?

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

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

                              @crunkfx Woow!!! :flushed: :clap: :clap: :+1: Das ist ja Mega! Vielen Dank!
                              Das hätte ich niemals so schnell geschafft ! Aber verrate mir doch mal womit man so etwas herstellt ?

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

                              @martink Mit Paint 3D den Screenshot leergemacht und dann als Base64 Codiert als Group in IOBroker erstellt.

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

                              1 Reply Last reply
                              0
                              • MartinK.M MartinK.

                                @crunkfx Woow!!! :flushed: :clap: :clap: :+1: Das ist ja Mega! Vielen Dank!
                                Das hätte ich niemals so schnell geschafft ! Aber verrate mir doch mal womit man so etwas herstellt ?

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

                                @martink Übrigens, die Gruppe kannst du per Doppelklick bearbeiten und deine Ideen umsetzen.

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

                                MartinK.M 2 Replies Last reply
                                1
                                • CrunkFXC CrunkFX

                                  @martink c0f58e0c-5878-4274-85f7-6f1dc0847d2b-image.png

                                  Ich hab mal ne kleine Gruppenvorlage gebaut. Schau mal ob du da was mit anfangen kannst.

                                  (So geht importieren
                                  vvvvvvv


                                  d7355842-4c02-42bb-8c23-6a903c9ef54b-image.png
                                  )

                                  Den Inhalt hiervon bitte einmal importieren:
                                  https://raw.githubusercontent.com/CrunkFX/IOBrokerCustomFiles/master/ShellyButtonwPower

                                  Einstellungen:
                                  690b196e-2582-4daa-b53e-86abaf210880-image.png

                                  Test Link: https://iobroker.astoria-systems.de/vis/index.html#35311

                                  Probier das mal aus.

                                  MFG
                                  CrunkFX

                                  da_WoodyD Online
                                  da_WoodyD Online
                                  da_Woody
                                  wrote on last edited by da_Woody
                                  #19

                                  @crunkfx wow, geiles ding! und funzt auch noch! die steigerung wäre jetzt noch die werte vom shellyHT... :D
                                  78e5cc37-ab7b-432d-a39f-9f9dc97d2c27-grafik.png

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

                                  1 Reply Last reply
                                  0
                                  • CrunkFXC CrunkFX

                                    @martink Übrigens, die Gruppe kannst du per Doppelklick bearbeiten und deine Ideen umsetzen.

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

                                    @crunkfx said in VIS eigenes Widget erstellen:

                                    @martink Übrigens, die Gruppe kannst du per Doppelklick bearbeiten und deine Ideen umsetzen.

                                    Oh, also das habe ich jetzt nicht so genau verstanden mit der Gruppe? Was ist den die Gruppe genau?? 🤔

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

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

                                      @crunkfx said in VIS eigenes Widget erstellen:

                                      @martink Übrigens, die Gruppe kannst du per Doppelklick bearbeiten und deine Ideen umsetzen.

                                      Oh, also das habe ich jetzt nicht so genau verstanden mit der Gruppe? Was ist den die Gruppe genau?? 🤔

                                      da_WoodyD Online
                                      da_WoodyD Online
                                      da_Woody
                                      wrote on last edited by
                                      #21

                                      @martink du klickst im editor den balken doppelt an, dann kommt ein fenster, in dem kannst du die grösse u.s.w. ändern.

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

                                      MartinK.M CrunkFXC 2 Replies Last reply
                                      0
                                      • da_WoodyD da_Woody

                                        @martink du klickst im editor den balken doppelt an, dann kommt ein fenster, in dem kannst du die grösse u.s.w. ändern.

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

                                        @da_woody Aaaah, alles klar! Super!! :blush: :clap:

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

                                        1 Reply Last reply
                                        0
                                        • da_WoodyD da_Woody

                                          @martink du klickst im editor den balken doppelt an, dann kommt ein fenster, in dem kannst du die grösse u.s.w. ändern.

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

                                          @da_woody Hi, wie hättest du das denn gerne? So: 300e0fa1-7cfa-44d2-a353-edd813214ffc-image.png

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          833

                                          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