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

  • 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.8k

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

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.8k 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.
  • jogibear9988J Offline
    jogibear9988J Offline
    jogibear9988
    wrote on last edited by
    #782

    Als nächstes werde ich mich mal an die Zeichentools machen.
    Die sind komplett kaputt, und soviel duplizierter code...

    Die mach ich jetzt mal frisch

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

    Smilie108S 1 Reply Last reply
    0
    • jogibear9988J jogibear9988

      Als nächstes werde ich mich mal an die Zeichentools machen.
      Die sind komplett kaputt, und soviel duplizierter code...

      Die mach ich jetzt mal frisch

      Smilie108S Offline
      Smilie108S Offline
      Smilie108
      wrote on last edited by
      #783

      @jogibear9988 Hi nur mal so am rande kann man ohne viel aufwand eigentlich auch einen export der gesammten screens machen ? muss demnächst auf einen neuen nuc umziehen und anstatt alle screens einzeln zu exportieren und danach die Verzeichnissstrucktur wieder zu bauen wegen import wäre es am einfachsten das ganze zu exportieren oder ?

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

        @jogibear9988

        Hallo Jochen,
        hab gerade die neue Version installiert und werd mal diese Tage testen.

        Ne andere Frage:
        In deinen Youtube-Tutorial zum Erstellen von User-Controls verwendest du die Syntax [[?this.xxx]] beim Zugriff auf Properties.
        Ist das eigentlich noch aktuell?
        Ich hab's zumindest in der Form noch nie gebraucht

        Vielen Dank für die neue Version und Viele Grüße
        Dieter

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

        jogibear9988J 1 Reply Last reply
        0
        • Smilie108S Smilie108

          @jogibear9988 Hi nur mal so am rande kann man ohne viel aufwand eigentlich auch einen export der gesammten screens machen ? muss demnächst auf einen neuen nuc umziehen und anstatt alle screens einzeln zu exportieren und danach die Verzeichnissstrucktur wieder zu bauen wegen import wäre es am einfachsten das ganze zu exportieren oder ?

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

          @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

          @jogibear9988 Hi nur mal so am rande kann man ohne viel aufwand eigentlich auch einen export der gesammten screens machen ? muss demnächst auf einen neuen nuc umziehen und anstatt alle screens einzeln zu exportieren und danach die Verzeichnissstrucktur wieder zu bauen wegen import wäre es am einfachsten das ganze zu exportieren oder ?

          noch nicht... hatte ich mir auch schon überlegt...

          eher alles dann, nicht nur die screens

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

          B 1 Reply Last reply
          0
          • B Blockmove

            @jogibear9988

            Hallo Jochen,
            hab gerade die neue Version installiert und werd mal diese Tage testen.

            Ne andere Frage:
            In deinen Youtube-Tutorial zum Erstellen von User-Controls verwendest du die Syntax [[?this.xxx]] beim Zugriff auf Properties.
            Ist das eigentlich noch aktuell?
            Ich hab's zumindest in der Form noch nie gebraucht

            Vielen Dank für die neue Version und Viele Grüße
            Dieter

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

            @blockmove

            ja das ist aktuell.

            die webui baut ja auf https://github.com/node-projects/base-custom-webcomponent auf, für jeden screen und jedes control wird das genutzt. Daher gehen die ganzen sachen die da sind auch.

            Dis syntax bind:... ist was spezielles für webui, um was einfaches zu haben um an iobroker signale zu binden. Und da hab ich irgendwann eben auch noch den zugriff auf properties eingebaut (mit ? am start). Das kann man nun eben auf 2 arten machen.

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

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

              man kann dafür bswp darin auch sowas nutzen:

              use repeat:nameOfItem=[[enumerableExpression]] on a Template Element to repeat it for every instance of the enumerable. You could also use 'index' variable in the repeat binding for the current number. The attribute "repeat-index" could be used to change the name of the index variable. on a repeat you could use the repeat-changed-item-callback="[[this.itemCreated(item, nodes)]]

              sieht dann so aus:

                          <template repeat:item="[[this.list]]">
                              <div>[[item.aa]]</div><br>
                          </template>
              

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

              1 Reply Last reply
              1
              • jogibear9988J jogibear9988

                @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                @jogibear9988 Hi nur mal so am rande kann man ohne viel aufwand eigentlich auch einen export der gesammten screens machen ? muss demnächst auf einen neuen nuc umziehen und anstatt alle screens einzeln zu exportieren und danach die Verzeichnissstrucktur wieder zu bauen wegen import wäre es am einfachsten das ganze zu exportieren oder ?

                noch nicht... hatte ich mir auch schon überlegt...

                eher alles dann, nicht nur die screens

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

                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                @jogibear9988 Hi nur mal so am rande kann man ohne viel aufwand eigentlich auch einen export der gesammten screens machen ? muss demnächst auf einen neuen nuc umziehen und anstatt alle screens einzeln zu exportieren und danach die Verzeichnissstrucktur wieder zu bauen wegen import wäre es am einfachsten das ganze zu exportieren oder ?

                noch nicht... hatte ich mir auch schon überlegt...

                eher alles dann, nicht nur die screens

                Ich find Alles auch besser.
                Komm aber bitte nicht auf die Idee das mit irgendwelchen Checksummen zu sichern.
                Mir wäre ein schönes XML am liebsten

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

                1 Reply Last reply
                0
                • Smilie108S Offline
                  Smilie108S Offline
                  Smilie108
                  wrote on last edited by
                  #789

                  @jogibear9988 mhm kann es sein das beim letzten update was nicht gepasst hat ? sehe im editor alle richtig ( auch im Preview ) aber im fortend habe ich nur Hello Wörld statt werten und zb mein menue geht auch nicht. ?
                  Hat das was mit
                  Uncaught (in promise) TypeError: this.connection is undefined
                  sendCommand http://192.168.1.91:8082/webui//dist/frontend/common/IobrokerHandler.js:447
                  checkHash http://192.168.1.91:8082/webui/runtime.html#screenName=start:71
                  zu tun ?
                  Mfg Tom

                  Smilie108S B 2 Replies Last reply
                  1
                  • Smilie108S Smilie108

                    @jogibear9988 mhm kann es sein das beim letzten update was nicht gepasst hat ? sehe im editor alle richtig ( auch im Preview ) aber im fortend habe ich nur Hello Wörld statt werten und zb mein menue geht auch nicht. ?
                    Hat das was mit
                    Uncaught (in promise) TypeError: this.connection is undefined
                    sendCommand http://192.168.1.91:8082/webui//dist/frontend/common/IobrokerHandler.js:447
                    checkHash http://192.168.1.91:8082/webui/runtime.html#screenName=start:71
                    zu tun ?
                    Mfg Tom

                    Smilie108S Offline
                    Smilie108S Offline
                    Smilie108
                    wrote on last edited by
                    #790

                    @smilie108 mit 1.1.4 geht wieder alles

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

                      So, mal wieder eine neue minor Version...

                      Leider ist das SVG zeichen zeugs immer noch kaputt, ich hoff ich bekomme das in den nächsten paar tagen gefixt.

                      Ansonsten, was gibts neues:

                      Wenn man ein element 2 mal anklickt (kein Doppelklick), erscheint nun ein Popup mit dem man für den jeweiligen container dinge umstellen kann (im Moment ist nur bei grid was drin, aber es soll noch mehr kommen)
                      17cf243e-976e-451b-9ae6-153aceda3202-image.png

                      ContextMenüs wurden aufgeräumt, und hier und da gab es einen kleinen fix.

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

                      1 Reply Last reply
                      0
                      • Smilie108S Smilie108

                        @jogibear9988 mhm kann es sein das beim letzten update was nicht gepasst hat ? sehe im editor alle richtig ( auch im Preview ) aber im fortend habe ich nur Hello Wörld statt werten und zb mein menue geht auch nicht. ?
                        Hat das was mit
                        Uncaught (in promise) TypeError: this.connection is undefined
                        sendCommand http://192.168.1.91:8082/webui//dist/frontend/common/IobrokerHandler.js:447
                        checkHash http://192.168.1.91:8082/webui/runtime.html#screenName=start:71
                        zu tun ?
                        Mfg Tom

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

                        @smilie108 said in neue Visualisierung "webui" (alternative zu vis):

                        @jogibear9988 mhm kann es sein das beim letzten update was nicht gepasst hat ? sehe im editor alle richtig ( auch im Preview ) aber im fortend habe ich nur Hello Wörld statt werten und zb mein menue geht auch nicht. ?

                        Hab gerade das Update gemacht und nun das selbe Problem.
                        Im Designer und in der Preview funktioniert es. In der Runtime nicht.

                        @jogibear9988
                        Nachstellen lässt es sich auch auf dem Test-Server.
                        So sieht es in der Preview aus:

                        2024-03-25_133804.png

                        Und so in der Runtime:

                        2024-03-25_134131.png

                        VG
                        Dieter

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

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

                          Sorry... ist wieder gefixt

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

                          B 1 Reply Last reply
                          1
                          • jogibear9988J jogibear9988

                            Sorry... ist wieder gefixt

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

                            @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                            Sorry... ist wieder gefixt

                            Hab gerade beim Frühstück das Update eingespielt.
                            Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

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

                            jogibear9988J 1 Reply Last reply
                            0
                            • B Blockmove

                              @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                              Sorry... ist wieder gefixt

                              Hab gerade beim Frühstück das Update eingespielt.
                              Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

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

                              @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                              @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                              Sorry... ist wieder gefixt

                              Hab gerade beim Frühstück das Update eingespielt.
                              Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

                              sollte gefixt sein im nächsten release (5min)

                              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 said in neue Visualisierung "webui" (alternative zu vis):

                                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                Sorry... ist wieder gefixt

                                Hab gerade beim Frühstück das Update eingespielt.
                                Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

                                sollte gefixt sein im nächsten release (5min)

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

                                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                Sorry... ist wieder gefixt

                                Hab gerade beim Frühstück das Update eingespielt.
                                Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

                                sollte gefixt sein im nächsten release (5min)

                                Also in 1.2.8 funktioniert der Click nicht.

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

                                jogibear9988J 1 Reply Last reply
                                0
                                • B Blockmove

                                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                  @blockmove said in neue Visualisierung "webui" (alternative zu vis):

                                  @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                  Sorry... ist wieder gefixt

                                  Hab gerade beim Frühstück das Update eingespielt.
                                  Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

                                  sollte gefixt sein im nächsten release (5min)

                                  Also in 1.2.8 funktioniert der Click nicht.

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

                                  @blockmove
                                  aber nun 🙂

                                  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
                                    aber nun 🙂

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

                                    @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                    @blockmove
                                    aber nun 🙂

                                    Nun geht´s 😀
                                    Kann es sein, dass du an der Geschwindigkeit gedreht hast?
                                    Mir kommt es vor als ob die Visu nun flüssiger reagiert.

                                    VG
                                    Dieter

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

                                    jogibear9988J 1 Reply Last reply
                                    0
                                    • B Blockmove

                                      @jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

                                      @blockmove
                                      aber nun 🙂

                                      Nun geht´s 😀
                                      Kann es sein, dass du an der Geschwindigkeit gedreht hast?
                                      Mir kommt es vor als ob die Visu nun flüssiger reagiert.

                                      VG
                                      Dieter

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

                                      @blockmove

                                      nö, da hab ich gar nix gemacht...
                                      Wüsste aber auch nicht was ich flüssiger machen könnte/sollte. Ich aktualisiere die elemente direkt, da gibts so gut wie keinen overhead von meiner Seite aus.

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

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

                                        @jogibear9988

                                        Hallo und Frohe Ostern Jochen,

                                        hab gerade mal etwas Zeit gefunden mich mit ioBroker und webui zu beschäftigen.
                                        Dabei ist mir ne Kleinigkeit aufgefallen:
                                        Wenn ich bei global auf Font Declaration Style oder Script clicke, so öffnet sich kein Edit-Fenster wie z.B. bei Style oder TypeScript.

                                        Dann noch ne Frage zu den CustomControls:
                                        Wie kann ich CustomControl verschachteln und ein TwoWayBinding durchreichen?
                                        Gibt's da ne Möglichkeit?

                                        Viele Grüße
                                        Dieter

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

                                        jogibear9988J 2 Replies Last reply
                                        0
                                        • B Offline
                                          B Offline
                                          Blockmove
                                          wrote on last edited by
                                          #801

                                          @Smilie108

                                          Hallo Tom,
                                          ich hab gerade den Energiefluss-erweitert - Adapter in webui eingebunden.
                                          Sieht gut aus und ist richtig flexibel.
                                          Ist ja vielleicht auch für dich ne interessante Lösung.

                                          VG
                                          Dieter

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          538

                                          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