Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. neue Visualisierung "webui" (alternative zu vis & vis-2)

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    neue Visualisierung "webui" (alternative zu vis & vis-2)

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

      Hallo Jochen,

      vielleicht stell ich mich zu blöd an, aber ich bekomme es einfach nicht gebacken.
      Ich möchte einfach in einem CustomControl in einer Zeile die Werte von 3 Properties ausgeben.
      Also so:
      Solltemperatur 22.5°C Isttemperatur 20°C Ventilstellung 50%

      Sowas muss doch eigentlich auch einfach ohne grid, flex oder Ähnliches gehen?

      jogibear9988 2 Replies Last reply Reply Quote 0
      • jogibear9988
        jogibear9988 @Blockmove last edited by

        @blockmove

        So? test-control.control

        jogibear9988 1 Reply Last reply Reply Quote 0
        • B
          Blockmove @jogibear9988 last edited by

          @jogibear9988 said in neue Visualiserung "webui" im stable repository:

          @blockmove
          wenn etwas gebaut hast was auch für andre was ist, kannsts ja hier veröffentlichen 🙂

          Dazu muss ich meine HTML-Kenntnisse erstmal auf Vordermann bringen.
          Aber ich arbeite daran und aktuell finde ich auch etwas Zeit dazu.

          1 Reply Last reply Reply Quote 0
          • jogibear9988
            jogibear9988 @Blockmove last edited by

            @blockmove
            hat mein beispiel geklappt? bzw war das das was du wolltest?

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

              @jogibear9988

              in der komponente, wird die property von außen in das span element eingebunden. Wenn die property jedoch nicht gesetzt ist, steht "undefined" als text im control das kannst du so fixen:

              7d0498e7-30c5-4da4-8255-90be1d60524c-image.png
              (siehe formula)

              1 Reply Last reply Reply Quote 1
              • B
                Blockmove @jogibear9988 last edited by

                @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                @blockmove
                hat mein beispiel geklappt? bzw war das das was du wolltest?

                Danke Jochen,
                es hat funktioniert und war genau das wonach ich gesucht hatte.
                Eigentlich total simpel mit dem span-Element ... Wenn man es weiß. 👍
                Als vis-Umsteiger mit schlechten HTML-/CSS-Kentnissen sind es manchmal die einfachen Aufgaben, die schwierig sind.
                Irgendwie wär da ein Manual oder Wiki nicht verkehrt.
                Vielleicht auch ein weiteres Youtube Video.

                Schönen Sonntag und Viele Grüße
                Dieter

                jogibear9988 1 Reply Last reply Reply Quote 0
                • jogibear9988
                  jogibear9988 @Blockmove last edited by

                  @blockmove

                  Ja bin da auf rückmeldung angewiesen was nicht klar bzw. einfach ist, da ich als entwickler dann nicht wirklich den blick dafür habe (für mich ist das meiste selbstverständlich).
                  Zu HTML/CSS mach ich natürlich keine, dazu gibts ja zuhauf im Internet 🙂
                  Und die helfen bei meiner webui ja schon viel weiter.

                  B 1 Reply Last reply Reply Quote 0
                  • B
                    Blockmove @jogibear9988 last edited by

                    @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                    @blockmove

                    Ja bin da auf rückmeldung angewiesen was nicht klar bzw. einfach ist, da ich als entwickler dann nicht wirklich den blick dafür habe (für mich ist das meiste selbstverständlich).
                    Zu HTML/CSS mach ich natürlich keine, dazu gibts ja zuhauf im Internet 🙂
                    Und die helfen bei meiner webui ja schon viel weiter.

                    Ich stimm dir da zu 100% zu.
                    Man muss sich halt reinfuchsen, welche HTML-Elemente sich wie manipulieren lassen.
                    Mein Problem mit der Ausgabe von 3 Variablen konnte ich zwar im Prinzip mit einigen div lösen. Aber ich war mir sicher, dass es einen einfacheren Weg geben muss. Und das hat sich ja gezeigt, dass es absolut simpel geht. Und wahrscheinlich wäre es mit keiner anderen Visu so simpel.

                    jogibear9988 1 Reply Last reply Reply Quote 0
                    • jogibear9988
                      jogibear9988 @Blockmove last edited by

                      @blockmove

                      P.S.: Kannst es auch nur mit einem element und diesem Binding lösen:

                      463f6e25-e60f-4ccd-a370-33b3445ab337-image.png

                      B 1 Reply Last reply Reply Quote 1
                      • B
                        Blockmove @jogibear9988 last edited by

                        @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                        @blockmove

                        P.S.: Kannst es auch nur mit einem element und diesem Binding lösen:

                        Klasse und sehr interessant!
                        Ich weiß zwar dass Doku schreiben ein Graus ist, aber gerade für sowas wäre es schon gut.
                        Je mehr ich mich mit deiner webui beschäftige, um so mehr überzeugt die Funktionalität.
                        Ist irgendwie vergleichbar mit Blockly und Javascript.
                        Als ich mit ioBrker angefangen hab, habe ich die ersten Dinge auch mit Blockly umgesetzt.
                        Heute mache ich alles mit Javascript.
                        Irgendwie läuft es mit der Visu ähnlich.
                        In der webui nutze ich nun auch schon meist die Splitview und ändere direkt im HTML-Code

                        1 Reply Last reply Reply Quote 0
                        • B
                          Blockmove last edited by

                          Hallo Jochen,

                          noch eine weitere Frage:
                          Ich möchte mehrere ähnliche Seiten / Screens erstellen.
                          Die css dafür möchte ich natürlich nur einmal erstellen und dann für jede Seite verwenden.
                          Was ist da die sinnvollste Vorgehensweise in webui?

                          Viele Dank und Viele Grüße
                          Dieter

                          jogibear9988 1 Reply Last reply Reply Quote 0
                          • jogibear9988
                            jogibear9988 @Blockmove last edited by

                            @blockmove

                            916f2f7b-b9f2-4202-89b1-ef858372e4ca-image.png

                            hier kannst ja globale styles definieren. Diese sind in jedem Screen nutzbar.

                            1 Reply Last reply Reply Quote 1
                            • B
                              Blockmove last edited by

                              Hallo Jochen,

                              was ich gerade vermisse ist eine einfache Funktion zum Kopieren / Duplizieren von Screens.
                              Export -> Umbenennen -> Import funktioniert zwar.
                              Eine integrierte Funktion wäre etwas komfortabler.

                              VG
                              Dieter

                              jogibear9988 1 Reply Last reply Reply Quote 1
                              • jogibear9988
                                jogibear9988 @Blockmove last edited by

                                @blockmove
                                habs implementiert, kann es aber gerade nicht testen.

                                B 1 Reply Last reply Reply Quote 0
                                • B
                                  Blockmove @jogibear9988 last edited by

                                  @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                                  @blockmove
                                  habs implementiert, kann es aber gerade nicht testen.

                                  Sobald die Version im ioBroker verfügbar ist, kann ich testen.

                                  jogibear9988 2 Replies Last reply Reply Quote 0
                                  • jogibear9988
                                    jogibear9988 @Blockmove last edited by

                                    @blockmove

                                    da hängt im moment der build bei github: https://github.com/iobroker-community-adapters/ioBroker.webui/actions/runs/7002950960

                                    1 Reply Last reply Reply Quote 0
                                    • jogibear9988
                                      jogibear9988 @Blockmove last edited by

                                      @blockmove
                                      so, nun sollte sie verfügbar sein

                                      B 1 Reply Last reply Reply Quote 0
                                      • B
                                        Blockmove @jogibear9988 last edited by

                                        @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                                        @blockmove
                                        so, nun sollte sie verfügbar sein

                                        Bis jetzt noch nicht. Aber ich glaube, dass iobroker auch nur 2mal täglich aktualisiert.
                                        Ich schau heut Abend nochmal danach.

                                        jogibear9988 1 Reply Last reply Reply Quote 0
                                        • jogibear9988
                                          jogibear9988 @Blockmove last edited by

                                          @blockmove

                                          so kanst es forcen:
                                          63fee131-9f69-4b36-bf88-2ae87e8f8087-image.png

                                          B 1 Reply Last reply Reply Quote 1
                                          • B
                                            Blockmove @jogibear9988 last edited by

                                            @jogibear9988

                                            Das mit dem Benutzerdefiniert kannte ich bislang nicht.
                                            Vielen Dank!

                                            Hab gerade die Kopierfunktion probiert und es hat funktioniert 👍

                                            Vielen Dank Jochen!

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            972
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            20
                                            1074
                                            239928
                                            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