Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 348.1k Aufrufe 18 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • B Blockmove

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

    @blockmove

    schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
    Da kannst die Einträge per Drag/Drop verschieben

    Drag und Drop geht natürlich genauso. Dann ist das Bedienkonzept einheitlich.
    Die CustomControls sind auf jeden Fall richtig praktisch!

    jogibear9988J Offline
    jogibear9988J Offline
    jogibear9988
    schrieb am zuletzt editiert von jogibear9988
    #65

    @blockmove
    sind ja eigentlich auch nur webcomponenten. Das was man dort erstellt kann man auch ganz leicht als alleinstehende komponente veröffentlichen.

    Was wir noch fehlt sind ein paar gescheite Standard Controls wie sie Vis mit ausliefert.

    Check my ioBroker webui - a vis alternative
    see: https://github.com/iobroker-community-adapters/ioBroker.webui

    1 Antwort Letzte Antwort
    0
    • B Blockmove

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

      @blockmove

      schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
      Da kannst die Einträge per Drag/Drop verschieben

      Drag und Drop geht natürlich genauso. Dann ist das Bedienkonzept einheitlich.
      Die CustomControls sind auf jeden Fall richtig praktisch!

      jogibear9988J Offline
      jogibear9988J Offline
      jogibear9988
      schrieb am zuletzt editiert von
      #66

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

      Check my ioBroker webui - a vis alternative
      see: https://github.com/iobroker-community-adapters/ioBroker.webui

      B 1 Antwort Letzte Antwort
      0
      • B Offline
        B Offline
        Blockmove
        schrieb am zuletzt editiert von
        #67

        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?

        The difference beetween Man and Boys:
        The price of their toys 😀

        jogibear9988J 2 Antworten Letzte Antwort
        0
        • B Blockmove

          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?

          jogibear9988J Offline
          jogibear9988J Offline
          jogibear9988
          schrieb am zuletzt editiert von
          #68

          @blockmove

          So? test-control.control

          Check my ioBroker webui - a vis alternative
          see: https://github.com/iobroker-community-adapters/ioBroker.webui

          jogibear9988J 1 Antwort Letzte Antwort
          0
          • jogibear9988J jogibear9988

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

            B Offline
            B Offline
            Blockmove
            schrieb am zuletzt editiert von
            #69

            @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.

            The difference beetween Man and Boys:
            The price of their toys 😀

            1 Antwort Letzte Antwort
            0
            • B Blockmove

              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?

              jogibear9988J Offline
              jogibear9988J Offline
              jogibear9988
              schrieb am zuletzt editiert von
              #70

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

              Check my ioBroker webui - a vis alternative
              see: https://github.com/iobroker-community-adapters/ioBroker.webui

              B 1 Antwort Letzte Antwort
              0
              • jogibear9988J jogibear9988

                @blockmove

                So? test-control.control

                jogibear9988J Offline
                jogibear9988J Offline
                jogibear9988
                schrieb am zuletzt editiert von
                #71

                @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)

                Check my ioBroker webui - a vis alternative
                see: https://github.com/iobroker-community-adapters/ioBroker.webui

                1 Antwort Letzte Antwort
                1
                • jogibear9988J jogibear9988

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

                  B Offline
                  B Offline
                  Blockmove
                  schrieb am zuletzt editiert von
                  #72

                  @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

                  The difference beetween Man and Boys:
                  The price of their toys 😀

                  jogibear9988J 1 Antwort Letzte Antwort
                  0
                  • B Blockmove

                    @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

                    jogibear9988J Offline
                    jogibear9988J Offline
                    jogibear9988
                    schrieb am zuletzt editiert von
                    #73

                    @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.

                    Check my ioBroker webui - a vis alternative
                    see: https://github.com/iobroker-community-adapters/ioBroker.webui

                    B 1 Antwort Letzte Antwort
                    0
                    • jogibear9988J jogibear9988

                      @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 Offline
                      B Offline
                      Blockmove
                      schrieb am zuletzt editiert von
                      #74

                      @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.

                      The difference beetween Man and Boys:
                      The price of their toys 😀

                      jogibear9988J 1 Antwort Letzte Antwort
                      0
                      • B Blockmove

                        @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.

                        jogibear9988J Offline
                        jogibear9988J Offline
                        jogibear9988
                        schrieb am zuletzt editiert von
                        #75

                        @blockmove

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

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

                        Check my ioBroker webui - a vis alternative
                        see: https://github.com/iobroker-community-adapters/ioBroker.webui

                        B 1 Antwort Letzte Antwort
                        1
                        • jogibear9988J jogibear9988

                          @blockmove

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

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

                          B Offline
                          B Offline
                          Blockmove
                          schrieb am zuletzt editiert von
                          #76

                          @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

                          The difference beetween Man and Boys:
                          The price of their toys 😀

                          1 Antwort Letzte Antwort
                          0
                          • B Offline
                            B Offline
                            Blockmove
                            schrieb am zuletzt editiert von
                            #77

                            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

                            The difference beetween Man and Boys:
                            The price of their toys 😀

                            jogibear9988J 1 Antwort Letzte Antwort
                            0
                            • B Blockmove

                              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

                              jogibear9988J Offline
                              jogibear9988J Offline
                              jogibear9988
                              schrieb am zuletzt editiert von
                              #78

                              @blockmove

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

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

                              Check my ioBroker webui - a vis alternative
                              see: https://github.com/iobroker-community-adapters/ioBroker.webui

                              1 Antwort Letzte Antwort
                              1
                              • B Offline
                                B Offline
                                Blockmove
                                schrieb am zuletzt editiert von
                                #79

                                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

                                The difference beetween Man and Boys:
                                The price of their toys 😀

                                jogibear9988J 1 Antwort Letzte Antwort
                                1
                                • B Blockmove

                                  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

                                  jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  schrieb am zuletzt editiert von
                                  #80

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

                                  Check my ioBroker webui - a vis alternative
                                  see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                  B 1 Antwort Letzte Antwort
                                  0
                                  • jogibear9988J jogibear9988

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

                                    B Offline
                                    B Offline
                                    Blockmove
                                    schrieb am zuletzt editiert von
                                    #81

                                    @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.

                                    The difference beetween Man and Boys:
                                    The price of their toys 😀

                                    jogibear9988J 2 Antworten Letzte Antwort
                                    0
                                    • B Blockmove

                                      @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.

                                      jogibear9988J Offline
                                      jogibear9988J Offline
                                      jogibear9988
                                      schrieb am zuletzt editiert von
                                      #82

                                      @blockmove

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

                                      Check my ioBroker webui - a vis alternative
                                      see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                      1 Antwort Letzte Antwort
                                      0
                                      • B Blockmove

                                        @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.

                                        jogibear9988J Offline
                                        jogibear9988J Offline
                                        jogibear9988
                                        schrieb am zuletzt editiert von
                                        #83

                                        @blockmove
                                        so, nun sollte sie verfügbar sein

                                        Check my ioBroker webui - a vis alternative
                                        see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                        B 1 Antwort Letzte Antwort
                                        0
                                        • jogibear9988J jogibear9988

                                          @blockmove
                                          so, nun sollte sie verfügbar sein

                                          B Offline
                                          B Offline
                                          Blockmove
                                          schrieb am zuletzt editiert von
                                          #84

                                          @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.

                                          The difference beetween Man and Boys:
                                          The price of their toys 😀

                                          jogibear9988J 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          486

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe