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
    12
    2
    273

  • 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.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.
  • Smilie108S Smilie108

    @jogibear9988 jop arbeite nur mit firefox chrom mag ich nicht kommt von google sorry 😉 und safari is mac mag ich auc nicht ist apple sorry 😉

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

    @smilie108

    auch firefox arbeitet heftig mit google zusammen, sonst hätten die so gut wie kein geld 😉
    Hat schon gründe warum google dort die default suche ist. Und es gibt ja noch andere "chromium" browser, ohne das ganzen google tracking. Aber firefox ist ebn lichtjahre hinterher (und auch um welten langsamer)

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

    Smilie108S 1 Reply Last reply
    0
    • jogibear9988J jogibear9988

      @smilie108

      auch firefox arbeitet heftig mit google zusammen, sonst hätten die so gut wie kein geld 😉
      Hat schon gründe warum google dort die default suche ist. Und es gibt ja noch andere "chromium" browser, ohne das ganzen google tracking. Aber firefox ist ebn lichtjahre hinterher (und auch um welten langsamer)

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

      @jogibear9988 jap das mag sein aber ich bin in der beziehung etwas naja "stur" habe mir firefox so eingerichtet das es auf allen rechnern und allen pc die ich verwende gelich ist und sich auch gegenseitig updated wenn ich was änder das ganze zu übersiedeln oder überhaupt 2gleisig zu machen ist ein heiden aufwand und bin bis jetzt mit firefox eigentlich immer sehr gut unterwegs gewesen.
      Wie soll ich das sagen bin halt eingefahren naja dann is es halt so wenn ich das fenster normal undock mache dann geht es ja auch 😉 ( ohne den Menuepunkt 😉

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

        So, hab mal wieder ein bisschen was gemacht.

        Das Text Edit Werkzeug sollte nun gehn (ja kann im moment nur Fett/Kursiv/Italic), aber da kann man nun leicht mehr einbauen. Vorher war es fast nicht nutzbar.

        Auch texte editieren durch Doppelklick sollte nun besser Funktionieren.

        Und sonst wie immer, hier und da ein kleiner fix. Bspw. werden gedrehte Container nun richtig ausgegraut...

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

        Smilie108S 1 Reply Last reply
        2
        • jogibear9988J jogibear9988

          So, hab mal wieder ein bisschen was gemacht.

          Das Text Edit Werkzeug sollte nun gehn (ja kann im moment nur Fett/Kursiv/Italic), aber da kann man nun leicht mehr einbauen. Vorher war es fast nicht nutzbar.

          Auch texte editieren durch Doppelklick sollte nun besser Funktionieren.

          Und sonst wie immer, hier und da ein kleiner fix. Bspw. werden gedrehte Container nun richtig ausgegraut...

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

          @jogibear9988 Danke für deinen einsatz

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

            Hallo Jochen,

            als ich mir gerade das Text-Edit Werkzeug angeschaut hab, ist mir ne Kleinigkeit aufgefallen:

            <span style="position:absolute;left:454px;top:248.3333282470703px;">test</span>
            

            13 Kommastellen für ne Position sind etwas viel 😉
            Wenn ich es noch recht im Kopf hab, wolltest du da mal was einbauen.

            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
              #778

              @blockmove

              jo, hab ich noch nicht... 🙂
              noch keine Zeit

              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 jogibear9988
                #779

                So, im designer sample hab ich schon mal das runden eingebaut:
                https://node-projects.github.io/web-component-designer-demo/index.html
                in webui kommt es wahrscheinlich morgen, baue gerade noch was größeres um, bzw. ziehe teile vom code in den designer um...

                32b8d5f1-2a56-4968-a61d-c09b20cb4f8a-image.png

                -1 => nicht runden, größere zahl => auf diese anzahl kommastellen runden

                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
                  #780

                  so, lange hats gedauert...

                  es gibt mal wieder eine neue version. Neu ist das setzen der rundung für die Pixelkoordinaten.
                  Auch im splitview hab ich einiges gefixt, dort ist es oft passiert das die position im text nicht zur selektion gepasst hat, das sollte nun stimmen.

                  Bit melden wenn was kaputt ist. Ich hab einiges an code aus der webui in den designer gezogen, weil ich ihn wo anders wiederverwenden muss, daher könnte dabei was kaputt gegangen sein.

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

                  Smilie108S 1 Reply Last reply
                  1
                  • jogibear9988J jogibear9988

                    so, lange hats gedauert...

                    es gibt mal wieder eine neue version. Neu ist das setzen der rundung für die Pixelkoordinaten.
                    Auch im splitview hab ich einiges gefixt, dort ist es oft passiert das die position im text nicht zur selektion gepasst hat, das sollte nun stimmen.

                    Bit melden wenn was kaputt ist. Ich hab einiges an code aus der webui in den designer gezogen, weil ich ihn wo anders wiederverwenden muss, daher könnte dabei was kaputt gegangen sein.

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

                    @jogibear9988 Danke für alles 😉 Derzeit etwas stressig bei der Arbeit deshalb nicht soviel online und nicht soviel beim testen 😉 aber es kommen auch wieder andere zeiten ist ja schon viel passiert würde ich sagen und inzwischen echt schön angenehm damit zu arbeiten 😉 DANKE nochmal

                    1 Reply Last reply
                    0
                    • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          190

                                          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