Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    226

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

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

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

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

Scheduled Pinned Locked Moved Visualisierung
1.1k Posts 21 Posters 347.7k Views 18 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 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
    wrote on last edited by
    #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 Reply Last reply
    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
      wrote on last edited by
      #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 Reply Last reply
      0
      • B Offline
        B Offline
        Blockmove
        wrote on last edited by
        #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 Reply Last reply
        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
          wrote on last edited by
          #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 Reply Last reply
          1
          • B Offline
            B Offline
            Blockmove
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              0
              • jogibear9988J jogibear9988

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

                B Offline
                B Offline
                Blockmove
                wrote on last edited by
                #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 Replies Last reply
                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
                  wrote on last edited by
                  #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 Reply Last reply
                  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
                    wrote on last edited by
                    #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 Reply Last reply
                    0
                    • jogibear9988J jogibear9988

                      @blockmove
                      so, nun sollte sie verfügbar sein

                      B Offline
                      B Offline
                      Blockmove
                      wrote on last edited by
                      #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 Reply Last reply
                      0
                      • B Blockmove

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

                        jogibear9988J Offline
                        jogibear9988J Offline
                        jogibear9988
                        wrote on last edited by
                        #85

                        @blockmove

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

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

                        B 1 Reply Last reply
                        1
                        • jogibear9988J jogibear9988

                          @blockmove

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

                          B Offline
                          B Offline
                          Blockmove
                          wrote on last edited by
                          #86

                          @jogibear9988

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

                          Hab gerade die Kopierfunktion probiert und es hat funktioniert 👍

                          Vielen Dank Jochen!

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

                          1 Reply Last reply
                          0
                          • B Offline
                            B Offline
                            Blockmove
                            wrote on last edited by
                            #87

                            Hallo Jochen,

                            was mir gerade bei der Version 0.16.5 auffällt:
                            Wenn ich ein CustomControl nun aufrufe, ist vor dem jeweiligen Property-Namen nach bind-prop: ein "-" Zeichen.
                            Das war bei der vorherigen Versionen nicht der Fall.

                            <webui-p-d-raum-hzg-chart bind-prop:-isttemperatur="alias.0.EG.AzDieter.Isttemperatur" bind-prop:-solltemperatur="alias.0.EG.AzDieter.Solltemperatur" bind-prop:-ventilstellung="alias.0.EG.AzDieter.Ventilstellung" e-chart="http://ctrl01.fritz.box:8082/echarts/index.html?preset=echarts.0.Heizung.EgAzDieter" class="RaumHzgChart" echart="http://ctrl01.fritz.box:8082/echarts/index.html?preset=echarts.0.Heizung.EgAzDieter" bind-prop:isttemperatur="alias.0.EG.AzDieter.Isttemperatur" bind-prop:solltemperatur="alias.0.EG.AzDieter.Solltemperatur" bind-prop:ventilstellung="alias.0.EG.AzDieter.Ventilstellung"></webui-p-d-raum-hzg-chart>
                            
                            

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

                            jogibear9988J 3 Replies Last reply
                            0
                            • B Blockmove

                              Hallo Jochen,

                              was mir gerade bei der Version 0.16.5 auffällt:
                              Wenn ich ein CustomControl nun aufrufe, ist vor dem jeweiligen Property-Namen nach bind-prop: ein "-" Zeichen.
                              Das war bei der vorherigen Versionen nicht der Fall.

                              <webui-p-d-raum-hzg-chart bind-prop:-isttemperatur="alias.0.EG.AzDieter.Isttemperatur" bind-prop:-solltemperatur="alias.0.EG.AzDieter.Solltemperatur" bind-prop:-ventilstellung="alias.0.EG.AzDieter.Ventilstellung" e-chart="http://ctrl01.fritz.box:8082/echarts/index.html?preset=echarts.0.Heizung.EgAzDieter" class="RaumHzgChart" echart="http://ctrl01.fritz.box:8082/echarts/index.html?preset=echarts.0.Heizung.EgAzDieter" bind-prop:isttemperatur="alias.0.EG.AzDieter.Isttemperatur" bind-prop:solltemperatur="alias.0.EG.AzDieter.Solltemperatur" bind-prop:ventilstellung="alias.0.EG.AzDieter.Ventilstellung"></webui-p-d-raum-hzg-chart>
                              
                              
                              jogibear9988J Offline
                              jogibear9988J Offline
                              jogibear9988
                              wrote on last edited by
                              #88

                              @blockmove
                              jo sieht falsch aus....

                              ich schaue. baue gerade noch den property editor um, daher dauert es n bisschen

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

                              1 Reply Last reply
                              0
                              • B Blockmove

                                Hallo Jochen,

                                was mir gerade bei der Version 0.16.5 auffällt:
                                Wenn ich ein CustomControl nun aufrufe, ist vor dem jeweiligen Property-Namen nach bind-prop: ein "-" Zeichen.
                                Das war bei der vorherigen Versionen nicht der Fall.

                                <webui-p-d-raum-hzg-chart bind-prop:-isttemperatur="alias.0.EG.AzDieter.Isttemperatur" bind-prop:-solltemperatur="alias.0.EG.AzDieter.Solltemperatur" bind-prop:-ventilstellung="alias.0.EG.AzDieter.Ventilstellung" e-chart="http://ctrl01.fritz.box:8082/echarts/index.html?preset=echarts.0.Heizung.EgAzDieter" class="RaumHzgChart" echart="http://ctrl01.fritz.box:8082/echarts/index.html?preset=echarts.0.Heizung.EgAzDieter" bind-prop:isttemperatur="alias.0.EG.AzDieter.Isttemperatur" bind-prop:solltemperatur="alias.0.EG.AzDieter.Solltemperatur" bind-prop:ventilstellung="alias.0.EG.AzDieter.Ventilstellung"></webui-p-d-raum-hzg-chart>
                                
                                
                                jogibear9988J Offline
                                jogibear9988J Offline
                                jogibear9988
                                wrote on last edited by
                                #89

                                @blockmove
                                wann passiert das, ich hab gerade ein objekt per dragdrop auf den screen gezogen, da passt das...

                                wann passiert das? drag drop? dialog?, ...

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

                                1 Reply Last reply
                                0
                                • B Blockmove

                                  Hallo Jochen,

                                  was mir gerade bei der Version 0.16.5 auffällt:
                                  Wenn ich ein CustomControl nun aufrufe, ist vor dem jeweiligen Property-Namen nach bind-prop: ein "-" Zeichen.
                                  Das war bei der vorherigen Versionen nicht der Fall.

                                  <webui-p-d-raum-hzg-chart bind-prop:-isttemperatur="alias.0.EG.AzDieter.Isttemperatur" bind-prop:-solltemperatur="alias.0.EG.AzDieter.Solltemperatur" bind-prop:-ventilstellung="alias.0.EG.AzDieter.Ventilstellung" e-chart="http://ctrl01.fritz.box:8082/echarts/index.html?preset=echarts.0.Heizung.EgAzDieter" class="RaumHzgChart" echart="http://ctrl01.fritz.box:8082/echarts/index.html?preset=echarts.0.Heizung.EgAzDieter" bind-prop:isttemperatur="alias.0.EG.AzDieter.Isttemperatur" bind-prop:solltemperatur="alias.0.EG.AzDieter.Solltemperatur" bind-prop:ventilstellung="alias.0.EG.AzDieter.Ventilstellung"></webui-p-d-raum-hzg-chart>
                                  
                                  
                                  jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  wrote on last edited by jogibear9988
                                  #90

                                  @blockmove
                                  starten deine Properties mit einem großbuchstaben? das ist eig. nicht erlaubt. HTML kann keine groß kleinschreibung in attributen, und ich mache aus diesem case aBbccDdd das: a-bbcc-ddd,
                                  d.h. wenn deine property mit einem großbuchstaben startet, kommt zuerst ein "-", aber als html attribut wird das nicht gehen.
                                  ich baue ein das properties mit einem kleinbuchstaben beginnen müssen

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

                                  B 2 Replies Last reply
                                  0
                                  • jogibear9988J jogibear9988

                                    @blockmove
                                    starten deine Properties mit einem großbuchstaben? das ist eig. nicht erlaubt. HTML kann keine groß kleinschreibung in attributen, und ich mache aus diesem case aBbccDdd das: a-bbcc-ddd,
                                    d.h. wenn deine property mit einem großbuchstaben startet, kommt zuerst ein "-", aber als html attribut wird das nicht gehen.
                                    ich baue ein das properties mit einem kleinbuchstaben beginnen müssen

                                    B Offline
                                    B Offline
                                    Blockmove
                                    wrote on last edited by
                                    #91

                                    @jogibear9988

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

                                    @blockmove
                                    starten deine Properties mit einem großbuchstaben? das ist eig. nicht erlaubt. HTML kann keine groß kleinschreibung in attributen, und ich mache aus diesem case aBbccDdd das: a-bbcc-ddd,
                                    d.h. wenn deine property mit einem großbuchstaben startet, kommt zuerst ein "-", aber als html attribut wird das nicht gehen.
                                    ich baue ein das properties mit einem kleinbuchstaben beginnen müssen

                                    Stimmt das waren Properties mit Großbuchstaben.
                                    Ich schreibe es mal um.
                                    Tja und so sind meine mangelnden HTML-Kenntnisse wenigstens zu was gut 😜

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

                                    1 Reply Last reply
                                    0
                                    • jogibear9988J jogibear9988

                                      @blockmove
                                      starten deine Properties mit einem großbuchstaben? das ist eig. nicht erlaubt. HTML kann keine groß kleinschreibung in attributen, und ich mache aus diesem case aBbccDdd das: a-bbcc-ddd,
                                      d.h. wenn deine property mit einem großbuchstaben startet, kommt zuerst ein "-", aber als html attribut wird das nicht gehen.
                                      ich baue ein das properties mit einem kleinbuchstaben beginnen müssen

                                      B Offline
                                      B Offline
                                      Blockmove
                                      wrote on last edited by
                                      #92

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

                                      @blockmove
                                      starten deine Properties mit einem großbuchstaben? das ist eig. nicht erlaubt. HTML kann keine groß kleinschreibung in attributen, und ich mache aus diesem case aBbccDdd das: a-bbcc-ddd,
                                      d.h. wenn deine property mit einem großbuchstaben startet, kommt zuerst ein "-", aber als html attribut wird das nicht gehen.
                                      ich baue ein das properties mit einem kleinbuchstaben beginnen müssen

                                      So, ich hab jetzt auf Kleinbuchstaben umgestellt und der Spuk ist vorbei.
                                      Irgendwie gefällt mir dieses Ersetzen aBbccDdd -> a-bbcc-ddd nicht so wirklich.
                                      Konsquente Kleinschreibung und das "-"Zeichen zur besseren Lesbarkeit fände ich irgendwie besser.
                                      Ganz besonders wenn man direkt im HTML-Code ändert, fände ich das sinnvoller.
                                      Aber das ist nur meine Meinung. Ich will dir nicht in die Entwicklung reinreden.

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

                                      jogibear9988J 1 Reply Last reply
                                      0
                                      • B Blockmove

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

                                        @blockmove
                                        starten deine Properties mit einem großbuchstaben? das ist eig. nicht erlaubt. HTML kann keine groß kleinschreibung in attributen, und ich mache aus diesem case aBbccDdd das: a-bbcc-ddd,
                                        d.h. wenn deine property mit einem großbuchstaben startet, kommt zuerst ein "-", aber als html attribut wird das nicht gehen.
                                        ich baue ein das properties mit einem kleinbuchstaben beginnen müssen

                                        So, ich hab jetzt auf Kleinbuchstaben umgestellt und der Spuk ist vorbei.
                                        Irgendwie gefällt mir dieses Ersetzen aBbccDdd -> a-bbcc-ddd nicht so wirklich.
                                        Konsquente Kleinschreibung und das "-"Zeichen zur besseren Lesbarkeit fände ich irgendwie besser.
                                        Ganz besonders wenn man direkt im HTML-Code ändert, fände ich das sinnvoller.
                                        Aber das ist nur meine Meinung. Ich will dir nicht in die Entwicklung reinreden.

                                        jogibear9988J Offline
                                        jogibear9988J Offline
                                        jogibear9988
                                        wrote on last edited by jogibear9988
                                        #93

                                        @blockmove

                                        das rührt daher das es alle webcomponenten libs so machen (bspw polymer, lit, ...). Und properties in htmlelementen enthalten überlicherweise keine "-", sonst kann man diese in javascript auch nicht direkt verwenden, sonderen muss sie mit object['property-name'] abfragen. D.h. ich mache es so, wie es alle, bzw. die größten libs machen

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

                                        1 Reply Last reply
                                        1
                                        • jogibear9988J Offline
                                          jogibear9988J Offline
                                          jogibear9988
                                          wrote on last edited by
                                          #94

                                          Auch in data- attributen in html wird da sso gemacht: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset

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

                                          B 1 Reply Last reply
                                          1
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          59

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe