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. Tester
  4. neue Visualiserung - webUi - Beta

NEWS

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

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

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

neue Visualiserung - webUi - Beta

Geplant Angeheftet Gesperrt Verschoben Tester
23 Beiträge 5 Kommentatoren 2.6k Aufrufe 8 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

    @jogibear9988

    und noch ein interessantes feature:
    man kann controls definieren welche man in anderen screens (oder controls) nutzen kann. ja man konnte auch schon screens in screens nutzen, aber custom controls haben properties, welche man intern verknüpfen kann. ist noch nicht ganz fertig, aber schon nutzbar.

    eac2fea8-7a91-40e2-96bc-7701660b1c78-image.png

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

    @jogibear9988

    die custom controls können nun z.b. für level controls verwendet werden.
    hier sind z.b. 10 bilder hinterlegt welche dann für werte von 0-100 umgeschaltet werden:

    5d848fae-4da3-46fa-9e16-4ad92aae4165-image.png

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

    jogibear9988J 1 Antwort Letzte Antwort
    0
    • jogibear9988J jogibear9988

      @jogibear9988

      die custom controls können nun z.b. für level controls verwendet werden.
      hier sind z.b. 10 bilder hinterlegt welche dann für werte von 0-100 umgeschaltet werden:

      5d848fae-4da3-46fa-9e16-4ad92aae4165-image.png

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

      @jogibear9988

      So nun wieder einige änderungen...

      • Der Adapter ist viel kleiner, die ganzen icons (die aus Habpanel kopiert wurden) wurden entfernt und wurden als extra Adapter hinzugefügt
      • Es können nun die icons aus allen visualisierungs icon adaptern genutzt werden.
      • umbenennen von screens und controls ist nun möglich
      • die editoren öffnen sich nur noch einmal für einen screen/control
      • uvm...

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

      jogibear9988J 1 Antwort Letzte Antwort
      0
      • jogibear9988J jogibear9988

        @jogibear9988

        So nun wieder einige änderungen...

        • Der Adapter ist viel kleiner, die ganzen icons (die aus Habpanel kopiert wurden) wurden entfernt und wurden als extra Adapter hinzugefügt
        • Es können nun die icons aus allen visualisierungs icon adaptern genutzt werden.
        • umbenennen von screens und controls ist nun möglich
        • die editoren öffnen sich nur noch einmal für einen screen/control
        • uvm...
        jogibear9988J Offline
        jogibear9988J Offline
        jogibear9988
        schrieb am zuletzt editiert von
        #8

        @jogibear9988
        so, weil es schon probleme gab, sieht man hier nun die version:
        5b747e69-d2f4-4cfd-a1e7-8997823f55df-image.png

        und hier den verbindungsstatus:
        ad8eb435-00ee-46bc-8247-327d6267c705-image.png

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

        1 Antwort Letzte Antwort
        0
        • crunchipC crunchip

          @jogibear9988 wenn schon ein neuer Thread, vllt auc ein Hinweis auf den Alten https://forum.iobroker.net/post/1029898

          allein mit webUi - Beta kann so mancher nichts anfangen

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          schrieb am zuletzt editiert von
          #9

          @jogibear9988

          @crunchip sagte in neue Visualiserung - webUi - Beta:
          @jogibear9988 wenn schon ein neuer Thread, vllt auc ein Hinweis auf den Alten https://forum.iobroker.net/post/1029898

          allein mit webUi - Beta kann so mancher nichts anfangen

          Ohne den Link / Hinweis von @crunchip :+1:

          ist ein Anfänger verloren :ghost: ,wo man den Adapter her bekommt bzw. worauf du dich beziehst !

          und eigentlich kommt er im Forum Test Thread ..

          https://www.iobroker.net/#de/documentation/dev/adapterpublish.md

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          HomoranH 1 Antwort Letzte Antwort
          0
          • WalW Offline
            WalW Offline
            Wal
            Developer
            schrieb am zuletzt editiert von
            #10

            @jogibear9988 ,
            ich habe erfolglos seit ein paar Tagen versucht die WebUI zu testen und mein Problem war, das ich keine Seite erstellen konnte.
            Habe von stable zu latest und zurück nichts bewirkt, erst als ich eine alte Version (0.0.30) installierte und auf die Aktuelle updatete konnte ich eine Seite erstellen.
            Habe danach alles gelöscht und es fing wieder von vorne an, ich muss erst eine alte Version installieren.

            Edit: Mit der 0.4.0 (53fc874) geht das Screen erstellen auch noch eben getestet.

            Gruß
            Walter

            DoorIO-Adapter
            wioBrowser-Adapter und wioBrowser

            1 Antwort Letzte Antwort
            0
            • WalW Offline
              WalW Offline
              Wal
              Developer
              schrieb am zuletzt editiert von
              #11

              Habe ein Objekt (Füllstand Zisterne) auf den screen gezogen und gespeichert, danach die Vorschau aktiviert und überprüft.
              Das hat funktioniert, aber auf der Runtime Seite blieb alles leer.

              Uncaught TypeError: Cannot read properties of null (reading 'val')
                  at IobrokerHandler.js:78:117
                  at Connection.subscribeState (Connection.js:486:25)
                  at async IobrokerHandler.init (IobrokerHandler.js:78:9)
                  at async init.js:5:1
              DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/index.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
              DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/Connection.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
              DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/tools.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
              DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/AdminConnection.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
              DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/DeferredPromise.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
              DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/ConnectionProps.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
              DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/lib/js/socket.io.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
              

              Gruß
              Walter

              DoorIO-Adapter
              wioBrowser-Adapter und wioBrowser

              jogibear9988J 1 Antwort Letzte Antwort
              0
              • WalW Wal

                Habe ein Objekt (Füllstand Zisterne) auf den screen gezogen und gespeichert, danach die Vorschau aktiviert und überprüft.
                Das hat funktioniert, aber auf der Runtime Seite blieb alles leer.

                Uncaught TypeError: Cannot read properties of null (reading 'val')
                    at IobrokerHandler.js:78:117
                    at Connection.subscribeState (Connection.js:486:25)
                    at async IobrokerHandler.init (IobrokerHandler.js:78:9)
                    at async init.js:5:1
                DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/index.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/Connection.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/tools.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/AdminConnection.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/DeferredPromise.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/webui/node_modules/@iobroker/socket-client/dist/esm/ConnectionProps.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                DevTools failed to load source map: Could not load content for http://192.168.122.8:8082/lib/js/socket.io.js.map: HTTP-Fehler: Statuscode 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
                
                jogibear9988J Offline
                jogibear9988J Offline
                jogibear9988
                schrieb am zuletzt editiert von
                #12

                @wal

                sollte in der neusten version gefixt sein.

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

                WalW 1 Antwort Letzte Antwort
                0
                • jogibear9988J jogibear9988

                  @wal

                  sollte in der neusten version gefixt sein.

                  WalW Offline
                  WalW Offline
                  Wal
                  Developer
                  schrieb am zuletzt editiert von
                  #13

                  @jogibear9988 ,
                  schon gesehen. :+1:

                  Gruß
                  Walter

                  DoorIO-Adapter
                  wioBrowser-Adapter und wioBrowser

                  jogibear9988J 1 Antwort Letzte Antwort
                  0
                  • WalW Wal

                    @jogibear9988 ,
                    schon gesehen. :+1:

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

                    @wal
                    d.h.? läuft bei dir?

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

                    WalW 1 Antwort Letzte Antwort
                    0
                    • jogibear9988J jogibear9988

                      @wal
                      d.h.? läuft bei dir?

                      WalW Offline
                      WalW Offline
                      Wal
                      Developer
                      schrieb am zuletzt editiert von
                      #15

                      @jogibear9988 sagte in neue Visualiserung - webUi - Beta:

                      @wal
                      d.h.? läuft bei dir?

                      Ja, Runtime geht.
                      Startseite erstellen ohne vorher eine ältere Version zu installieren geht nicht.

                      Gruß
                      Walter

                      DoorIO-Adapter
                      wioBrowser-Adapter und wioBrowser

                      1 Antwort Letzte Antwort
                      0
                      • GlasfaserG Glasfaser

                        @jogibear9988

                        @crunchip sagte in neue Visualiserung - webUi - Beta:
                        @jogibear9988 wenn schon ein neuer Thread, vllt auc ein Hinweis auf den Alten https://forum.iobroker.net/post/1029898

                        allein mit webUi - Beta kann so mancher nichts anfangen

                        Ohne den Link / Hinweis von @crunchip :+1:

                        ist ein Anfänger verloren :ghost: ,wo man den Adapter her bekommt bzw. worauf du dich beziehst !

                        und eigentlich kommt er im Forum Test Thread ..

                        https://www.iobroker.net/#de/documentation/dev/adapterpublish.md

                        HomoranH Nicht stören
                        HomoranH Nicht stören
                        Homoran
                        Global Moderator Administrators
                        schrieb am zuletzt editiert von
                        #16

                        @glasfaser sagte in neue Visualiserung - webUi - Beta:

                        eigentlich kommt er im Forum Test Thread ..

                        soll ich ihn dahin schieben?

                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        GlasfaserG 1 Antwort Letzte Antwort
                        0
                        • HomoranH Homoran

                          @glasfaser sagte in neue Visualiserung - webUi - Beta:

                          eigentlich kommt er im Forum Test Thread ..

                          soll ich ihn dahin schieben?

                          GlasfaserG Offline
                          GlasfaserG Offline
                          Glasfaser
                          schrieb am zuletzt editiert von
                          #17

                          @homoran
                          Eigentlich ja ...

                          Dann sollte auch @jogibear9988 den Threadtitel dazu anpassen / aussagekräftig wie schon @crunchip darauf hingewiesen hat .

                          neue Visualiserung - webUi - Beta

                          hat eher was mit einem Adapter zu tun !

                          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                          HomoranH 1 Antwort Letzte Antwort
                          0
                          • GlasfaserG Glasfaser

                            @homoran
                            Eigentlich ja ...

                            Dann sollte auch @jogibear9988 den Threadtitel dazu anpassen / aussagekräftig wie schon @crunchip darauf hingewiesen hat .

                            neue Visualiserung - webUi - Beta

                            hat eher was mit einem Adapter zu tun !

                            HomoranH Nicht stören
                            HomoranH Nicht stören
                            Homoran
                            Global Moderator Administrators
                            schrieb am zuletzt editiert von
                            #18

                            @glasfaser sagte in neue Visualiserung - webUi - Beta:

                            Eigentlich ja ...

                            dann fangen wir mal damit an

                            kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                            jogibear9988J 1 Antwort Letzte Antwort
                            1
                            • HomoranH Homoran

                              @glasfaser sagte in neue Visualiserung - webUi - Beta:

                              Eigentlich ja ...

                              dann fangen wir mal damit an

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

                              so mal wieder einiges neues...

                              • signal selector in scripts, tags, bindings...
                                e53d0047-ce65-4b47-a943-79b4f55d6167-image.png

                              • screen selector in scripts

                              • complexe werte in scripts (d.h. indirekte werte -> d.h. man kann z.b. den screen namen aus einer iobroker variale lesen). rechtsklick auf den wert:
                                93964aea-61e5-4be8-ab7f-388fe951a3d6-image.png

                              • javascript für events von elementen (rechtsklick auf '...')
                                3ace477f-e197-4a28-83aa-3732be5c25e9-image.png

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

                              jogibear9988J 1 Antwort Letzte Antwort
                              0
                              • jogibear9988J jogibear9988

                                so mal wieder einiges neues...

                                • signal selector in scripts, tags, bindings...
                                  e53d0047-ce65-4b47-a943-79b4f55d6167-image.png

                                • screen selector in scripts

                                • complexe werte in scripts (d.h. indirekte werte -> d.h. man kann z.b. den screen namen aus einer iobroker variale lesen). rechtsklick auf den wert:
                                  93964aea-61e5-4be8-ab7f-388fe951a3d6-image.png

                                • javascript für events von elementen (rechtsklick auf '...')
                                  3ace477f-e197-4a28-83aa-3732be5c25e9-image.png

                                jogibear9988J Offline
                                jogibear9988J Offline
                                jogibear9988
                                schrieb am zuletzt editiert von jogibear9988
                                #20
                                • am designer wurde einiges gefixt, undo funktioniert nun zuverlässiger
                                • material design widgets gehen nun:
                                  1ca12117-d129-4ded-9be9-2b722f97e11f-image.png
                                • ein paar mehr npm pakete hinzugefügt
                                • viele kleine fixes

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

                                WalW 1 Antwort Letzte Antwort
                                0
                                • jogibear9988J jogibear9988
                                  • am designer wurde einiges gefixt, undo funktioniert nun zuverlässiger
                                  • material design widgets gehen nun:
                                    1ca12117-d129-4ded-9be9-2b722f97e11f-image.png
                                  • ein paar mehr npm pakete hinzugefügt
                                  • viele kleine fixes
                                  WalW Offline
                                  WalW Offline
                                  Wal
                                  Developer
                                  schrieb am zuletzt editiert von
                                  #21

                                  @jogibear9988 sagte in neue Visualiserung - webUi - Beta:

                                  material design widgets

                                  Jetzt musst du mir nur noch sagen, wie ich die material design widgets ins Auswahlmenü links bekomme.

                                  Gruß
                                  Walter

                                  DoorIO-Adapter
                                  wioBrowser-Adapter und wioBrowser

                                  jogibear9988J 1 Antwort Letzte Antwort
                                  0
                                  • WalW Wal

                                    @jogibear9988 sagte in neue Visualiserung - webUi - Beta:

                                    material design widgets

                                    Jetzt musst du mir nur noch sagen, wie ich die material design widgets ins Auswahlmenü links bekomme.

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

                                    @wal
                                    in der neusten version werden die dir als npm paket vorgeschlagen... du brauchst eh die neuste das die gehen. Aber man kann auch eigene npm pakete eingeben (rechtsklick auf "packages"). Aber es gehen nur pakete mit webcomponenten.

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

                                    jogibear9988J 1 Antwort Letzte Antwort
                                    1
                                    • jogibear9988J jogibear9988

                                      @wal
                                      in der neusten version werden die dir als npm paket vorgeschlagen... du brauchst eh die neuste das die gehen. Aber man kann auch eigene npm pakete eingeben (rechtsklick auf "packages"). Aber es gehen nur pakete mit webcomponenten.

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

                                      nun wird typescript statt javascript für den event code verwendet. d.h. bessere codevervollständigung.
                                      auch kann man nun auf webui elemente zugreifen, sinnvoll wenn man z.b. was gegen die iobroker api ausführen will:

                                      966bde29-364d-4f99-b379-5bd7a5eb0565-image.png

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

                                      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

                                      557

                                      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