Skip to content
  • Home
  • 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

Community Forum

donate donate
  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.6k

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

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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 350.2k 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.
  • 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
    schrieb am zuletzt editiert von
    #776

    @jogibear9988 Danke für deinen einsatz

    1 Antwort Letzte Antwort
    0
    • B Offline
      B Offline
      Blockmove
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • jogibear9988J Offline
        jogibear9988J Offline
        jogibear9988
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • jogibear9988J Offline
          jogibear9988J Offline
          jogibear9988
          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
          1
          • jogibear9988J Offline
            jogibear9988J Offline
            jogibear9988
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • jogibear9988J Offline
                jogibear9988J Offline
                jogibear9988
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • B Offline
                    B Offline
                    Blockmove
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • jogibear9988J Offline
                          jogibear9988J Offline
                          jogibear9988
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • Smilie108S Offline
                              Smilie108S Offline
                              Smilie108
                              schrieb am zuletzt editiert von
                              #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 Antworten Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #790

                                @smilie108 mit 1.1.4 geht wieder alles

                                1 Antwort Letzte Antwort
                                0
                                • jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • jogibear9988J Offline
                                      jogibear9988J Offline
                                      jogibear9988
                                      schrieb am zuletzt editiert von
                                      #793

                                      Sorry... ist wieder gefixt

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

                                      B 1 Antwort Letzte Antwort
                                      1
                                      • jogibear9988J jogibear9988

                                        Sorry... ist wieder gefixt

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

                                          693

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe