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.
    • T
      Thorsten91 last edited by

      Sieht wirklich klasse aus! Habe mir daraus mein Vis zusammengebaut. Falls du noch Inspirationen für weitere Objekte brauchst: Eine Musikanlage und eine Lichterkette hätte ich noch hier...
      Das CSS hat mir sehr geholfen für die Slider.

      1 Reply Last reply Reply Quote 1
      • T
        thobastian last edited by

        Das sind wirklich klasse Bilder ! Hut ab! Als Iobroker-Vis-Anfänger weiß ich allerdings nicht, wie ich das importieren soll. Inklusive der Bilder etc....
        Ich möchte gerne etwas für ein IPhone bauen.

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

          Super schön!!! Gefällt mir sehr gut! Danke @pat3195
          Würde mich sehr freuen wenn du immer mal wieder Updates da lässt. Ich denk da sprech ich für einige hier 🙂

          P.s.: bin auch ein Anfänger und habs jetzt mal bei mir importiert. Aber noch check ich nicht so recht, wie ich zb. beim Planzenwidget meine eigene Xiaomi Mi Flower Care, oder einfach einen meiner Dimmer dranhängen kann...

          Hat da jemand ein gutes Tutorial für mich wie man mit so einem Template arbeitet?

          P 1 Reply Last reply Reply Quote 0
          • 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

                                    782
                                    Online

                                    31.8k
                                    Users

                                    80.0k
                                    Topics

                                    1.3m
                                    Posts

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