Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS eigenes Widget erstellen

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    VIS eigenes Widget erstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      benziman last edited by

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

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

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

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

          @CrunkFX
          läuft, danke nochmal!

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

            @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

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

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

              MFG
              CrunkFX

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

                @crunkfx Das hast Du schnell erkannt um welche Buttons es sich handelt 😀 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 😁

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

                  @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. 1 Reply Last reply Reply Quote 0
                  • MartinK.
                    MartinK. @CrunkFX last edited by

                    @crunkfx Uhhh , da bin ich ja mal gespannt! 😳

                    1 Reply Last reply Reply Quote 0
                    • CrunkFX
                      CrunkFX Forum Testing last edited by 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. da_Woody 2 Replies Last reply Reply Quote 1
                      • MartinK.
                        MartinK. @CrunkFX last edited by

                        @crunkfx Woow!!! 😳 👏 👏 👍 Das ist ja Mega! Vielen Dank!
                        Das hätte ich niemals so schnell geschafft ! Aber verrate mir doch mal womit man so etwas herstellt ?

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

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

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

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

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

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

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

                                @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_Woody 1 Reply Last reply Reply Quote 0
                                • da_Woody
                                  da_Woody @MartinK. last edited by

                                  @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. CrunkFX 2 Replies Last reply Reply Quote 0
                                  • MartinK.
                                    MartinK. @da_Woody last edited by

                                    @da_woody Aaaah, alles klar! Super!! 😊 👏

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

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

                                      da_Woody 1 Reply Last reply Reply Quote 0
                                      • da_Woody
                                        da_Woody @CrunkFX last edited by 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...

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

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

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

                                            @crunkfx bist ein schatz, gehörst vergraben... undweg.gif

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            895
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            7
                                            88
                                            8391
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo