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.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • B Offline
      B Offline
      benziman
      schrieb am zuletzt editiert von
      #7

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

      CrunkFXC 1 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #9

          @CrunkFX
          läuft, danke nochmal!

          1 Antwort Letzte Antwort
          1
          • CrunkFXC CrunkFX

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

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

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

                                MartinK.M Offline
                                MartinK.M Offline
                                MartinK.
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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 Offline
                                  da_WoodyD Offline
                                  da_Woody
                                  schrieb am zuletzt editiert von
                                  #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 Antworten Letzte Antwort
                                  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.
                                    schrieb am zuletzt editiert von
                                    #22

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

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

                                    1 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                      0
                                      • CrunkFXC CrunkFX

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

                                        da_WoodyD Offline
                                        da_WoodyD Offline
                                        da_Woody
                                        schrieb am zuletzt editiert von da_Woody
                                        #24

                                        @crunkfx meinte eher eine kombi. obwohl das alleine wäre auch brauchber!
                                        switch--.png.png
                                        wären schon 3 möglichkeiten zum auswählen.
                                        mann base64, da war mal was... schon ewig her...senf.gif
                                        is nur schnell mit gimp zusammengetackert...

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

                                        CrunkFXC 1 Antwort Letzte Antwort
                                        0
                                        • da_WoodyD da_Woody

                                          @crunkfx meinte eher eine kombi. obwohl das alleine wäre auch brauchber!
                                          switch--.png.png
                                          wären schon 3 möglichkeiten zum auswählen.
                                          mann base64, da war mal was... schon ewig her...senf.gif
                                          is nur schnell mit gimp zusammengetackert...

                                          CrunkFXC Offline
                                          CrunkFXC Offline
                                          CrunkFX
                                          Forum Testing
                                          schrieb am zuletzt editiert von
                                          #25

                                          @da_woody Ich schau mal was sich da machen lässt :call_me_hand:

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

                                          da_WoodyD 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

                                          726

                                          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