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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    VIS eigenes Widget erstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                              • 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.

                                Ich habe noch eine kleine Frage, was bedeutet denn dieser "Klickschutz" in der Gruppe? Also wenn ich die Gruppe per doppelklick editiere, dann muss ich den "Klickschutz" ja erst einmal zur Seite schieben um an die einzelnen Gruppenbausteine zu kommen. Hat dieser "Klickschutz" auch noch eine weitere Funktion ? oder ist es nur ein Schutz bevor man anfängt zu editieren ? 🙂

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

                                  ... Was ich jetzt noch nicht ganz verstehe... Ich habe 6 Gruppen von dem Schalter in einer VIS Ansicht eingebunden... Alles Funktioniert super!

                                  Wenn ich jetzt die 7. Gruppe hinzufügen möchte, lässt sich das Objekt zum schalten usw. alles wie bei den andern 6 auch einstellen, aber in der VIS Runtime lässt es sich nicht schalten ??? Sind die einzelnen VIS-Views irgendwie mit einer Gruppenanzahl beschränkt oder so ??

                                  Ich wüsste nicht wo ich noch was anklicken könnte ??
                                  7dadb16c-ec3d-43d0-adf7-fc52fcf0c184-image.png

                                  Habe auch schon mit anderen Geräten und anderen Views versucht..
                                  überall das gleiche... Auch mit anderer Gruppe , die ich dupliziert hatte
                                  ändert sich nichts ??? Was mache ich denn falsch ?? 😕 😕

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

                                    @martink Der Klickschutz ist dazu da das nur auf dem Schaltsymbol der Zustand geschaltet werden kann. Der kommt mit den neuen Schaltern eine eben nach hinten, damit entfällt das wegschieben

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

                                        @crunkfx Meeega! Vielen vielen Dank für die Arbeit !!! 👍 👍 😊 👏 👏

                                        Jetzt weiß ich auch warum ich die letzten Objekte nicht mehr schalten konnte, ich habe den Klickschutz komplett über die ganze Gruppe gezogen 🤦‍♂️ Das ist wohl beim anpassen passiert 😉

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

                                          @martink OK das macht natürlich Sinn. Ich konnte das nämlich nicht nachstellen. Ich lade sofort noch die Screenshots hoch. Das ist auf dauer besser damit zu Arbeiten als mit den Base64 Codierten Bildern.

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

                                            @crunkfx said in VIS eigenes Widget erstellen:

                                            @martink OK das macht natürlich Sinn. Ich konnte das nämlich nicht nachstellen. Ich lade sofort noch die Screenshots hoch. Das ist auf dauer besser damit zu Arbeiten als mit den Base64 Codierten Bildern.

                                            Muss ich dann die "Gruppenwidgets" die ich bereits nutze nochmal mit den Screenshots anpassen ? Ich habe beim editieren der Gruppe auch mal das "Schalter Foto" welchen bei On + Off genutzt wird geschaut, aber da wird ja angezeigt, das dass Foto nicht hinterlegt ist ... 🤔 wie kann denn was angezeigt werden - was nicht hinterlegt ist?? Bzw. woher hat er denn das "Schalter Foto" ???
                                            0dd0616c-cab0-410e-ae48-e32e6527a5a0-image.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            949
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            7
                                            88
                                            9846
                                            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