Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. ioBroker User Interface Kit für VIS (download)

    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

    ioBroker User Interface Kit für VIS (download)

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

      Die Idee ist echt super. Was mich allerdings erstmal stört ist, dass du alles als Grafik umsetzt und dann dementsprechend einbindest. Sprich du bindest eine Hintergrundgrafik ein und legst das Icon drüber. Es ist halt wesentlich einfacher solch Dinge mit CSS zu lösen und bedarf eigentlich nur minimale Programmierkenntnisse. In dem Fall wären das nur paar kurze Befehle in CSS, die genau das bewirken, was du erzielen möchtest.

      Du sparst dir dann auch viel Rechenpower ein.

      P 1 Reply Last reply Reply Quote 0
      • P
        pat3195 @thobastian last edited by

        @thobastian Vielleicht kommt die Antwort jetzt etwas zu spät, aber schau mal im VIS oben in der Leiste unter „Setup -> Projekt-Export/import -> Import“ Dort kannst du das Demoprojekt importieren. 😁

        1 Reply Last reply Reply Quote 0
        • P
          pat3195 @Georg Bachmann last edited by

          @Georg-Bachmann Danke für das Feedback. Schön zu hören. Das nächste Update kommt demnächst. 🙂

          Zur Flower Care Anzeige: Du kannst ganz einfach das Textfeld, in das ein Wert geschrieben werden soll anklicken und oben rechts in den Eigenschaften eines Textfeldes bei „Object ID“ aus der Liste den gewünschten Datenpunkt deiner Pflanze auswählen.
          Leider muss man die Werte des Flower Care Sensors manuell in vier Textfelder verlinken.

          Hoffe das hat deine Frage beantwortet. 😃

          1 Reply Last reply Reply Quote 0
          • P
            pat3195 @NukNuk last edited by

            @NukNuk Danke für die Tipps! Ich benutze den ioBroker jetzt ca. einen Monat. Als ich mir das Design gebaut habe, war das für mich die einfachste/schnellste Lösung und wusste auch nicht, wie man das anders umsetzten kann, da ich mich in der Thematik noch nicht so auskenne. Vielleicht werde ich es in Zukunft anders lösen, aber für Einsteiger wie mich und vermutlich auch andere ohne große CSS Kenntnisse ist das eine gute Möglichkeit schnell eine kleine VIS zusammen zu basteln. 🙂

            1 Reply Last reply Reply Quote 0
            • AlexAtHome
              AlexAtHome last edited by AlexAtHome

              Das sieht ja mal richtig klasse aus !! Da ich meine VIS auch endlich mal von "schnell mit Hausmitteln gebaut" zu "kann man so lassen" umbauen will, werde ich ganz sicher auf Dein Material zurückgreifen! Vielen Dank dafür!

              1 Reply Last reply Reply Quote 0
              • s.bormann
                s.bormann Most Active @pat3195 last edited by s.bormann

                @pat3195 Hi, sehr schönes Design-Kit!

                @eMd hat mich darauf aufmerksam gemacht.

                Das würde glaube ich auch ganz gut mit iQontrol zusammen passen:

                https://forum.iobroker.net/topic/22039/neuer-adapter-visualisierung-iqontrol

                https://github.com/sbormann/iobroker.iqontrol

                Mit der neuen Version kann man Hintergründe und Icons selbst anpassen und mann kommt ziemlich schnell zu einem Ergebnis.

                Ihr könnt ja mal schauen.

                LG!

                crunchip 1 Reply Last reply Reply Quote 0
                • crunchip
                  crunchip Forum Testing Most Active @s.bormann last edited by

                  @s-bormann hat da noch niemand drauf geklickt oder ist das nur bei mir so.
                  github link
                  bcfb1ac7-30eb-4c7d-869b-86a5d1fc5b34-image.png

                  Homoran 1 Reply Last reply Reply Quote 0
                  • Homoran
                    Homoran Global Moderator Administrators @crunchip last edited by

                    @crunchip

                    da fehlt nur ein .iqontrol

                    https://github.com/sbormann/ioBroker -> https://github.com/sbormann/ioBroker.iqontrol

                    crunchip s.bormann 2 Replies Last reply Reply Quote 0
                    • crunchip
                      crunchip Forum Testing Most Active @Homoran last edited by

                      @Homoran jetzt wo du´s geschrieben hast...hab ich auch die ganze Zeile gelesen🤦‍♀️

                      1 Reply Last reply Reply Quote 0
                      • s.bormann
                        s.bormann Most Active @Homoran last edited by

                        @Homoran sorry, hab den link korrigiert

                        1 Reply Last reply Reply Quote 0
                        • Spegeli
                          Spegeli last edited by

                          @pat3195 sehr sehr schönes VIS Kit.

                          Sind da zufällig noch weitere Icons geplant? Hätte da ein paar Icons die ich für die Umsetzung meiner VIS noch benötigen würde. PC, Heizung usw.

                          1 Reply Last reply Reply Quote 1
                          • E
                            eMd @pat3195 last edited by

                            @pat3195
                            Kann ich iwo selber die Icons finden oder sind die alle selbst gemacht?
                            Hatte da bald noch ne Menge Wünsche 😉

                            Als erstes wären das:

                            Person abwesend/anwesend
                            Steckdose an/aus
                            Symbol Temperatursensor/Bewegungsmelder/Rauchmelder
                            Tür offen/zu

                            MfG
                            eMd

                            1 Reply Last reply Reply Quote 0
                            • P
                              pat3195 last edited by

                              Update

                              Es gibt nun Icons, um verschiedene Werte von Netatmo darzustellen. Außerdem konnte ich schon einige gewünschte Icons/Hintergründe umsetzen. @Spegeli @eMd Ihr könnt mir gerne euere Wünsche für die nächsten Updates auch per Direktnachricht schicken. 😊

                              Update.jpg

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

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              425
                              Online

                              31.9k
                              Users

                              80.2k
                              Topics

                              1.3m
                              Posts

                              own project template vis
                              17
                              30
                              5371
                              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