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

    @Blockmove und @jogibear9988
    Kann es sein das das reinziehen der elemente sich geändert hat ? bzw auch das positionieren ? früher konnte ich einfach alles dahin schieben wo ich wollte jetzt mache ich das meiste über wertangaben da ich sehr oft die meldung TypeError: Window.getComputedStyle: Argument 1 is not an object. bekomme. Oder ging da etwas das eigentlich nicht gehen sollte ? Und mir fällt das jetzt erst auf ; )

    Bin auch dabei alles aus der sps in iobroker und script form zu bringen.
    Inkludiert mit umstellung wr rs485 auf modbus tcp aber die rs485 lief stabiler mal sehen ob ich das nicht via usb rs485 machen werde bekomme sehr offt poll errors

    MFG und ich hoffe ihr hattet ein paar erholsame tage.
    Bin grad dabei iobroker samt webui komplett neu zu machen ( Ausgenommen Startbildschirm) 😉 Muss jetzt dann eh ca 1 Woche inis Krankenhaus und dann 3-4 Wochen Krankenstand. Da hat man dann viel zeit 😉

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

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

    @Blockmove und @jogibear9988
    Kann es sein das das reinziehen der elemente sich geändert hat ? bzw auch das positionieren ? früher konnte ich einfach alles dahin schieben wo ich wollte jetzt mache ich das meiste über wertangaben da ich sehr oft die meldung TypeError: Window.getComputedStyle: Argument 1 is not an object. bekomme. Oder ging da etwas das eigentlich nicht gehen sollte ? Und mir fällt das jetzt erst auf ; )

    Bin auch dabei alles aus der sps in iobroker und script form zu bringen.
    Inkludiert mit umstellung wr rs485 auf modbus tcp aber die rs485 lief stabiler mal sehen ob ich das nicht via usb rs485 machen werde bekomme sehr offt poll errors

    MFG und ich hoffe ihr hattet ein paar erholsame tage.
    Bin grad dabei iobroker samt webui komplett neu zu machen ( Ausgenommen Startbildschirm) 😉 Muss jetzt dann eh ca 1 Woche inis Krankenhaus und dann 3-4 Wochen Krankenstand. Da hat man dann viel zeit 😉

    Ich habe zig sachen umgebaut, warte auch schon seit heute morgen auf ein neues release, aber unsere github build agents sind überlastet.
    Muss mir sagen was genau nicht geht.

    Wenn das update durch ist, sollte es auch neue symbolleisten geben:
    84cf8f6c-9516-43da-a843-827b20f73571-image.png

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

    1 Reply Last reply
    0
    • B Blockmove

      @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

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

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

      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

      was/wie ist das genau gemeint? mach mal ein beispiel in den testserver

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

        so wieder mal was neues...

        den scripten in webui kann man nun parameter mitgeben. (click auf den "p" button")
        bce821f9-e9dd-4f80-b732-5118119cf0f9-image.png

        Dies bringt im Moment noch nicht viel, da die scripte immer lokal in dem screen definiert sind. Ich will nun aber globalse scripte einbauen, die man dann auf jedem screen benutzen kann, und dann machen parameter schon Sinn.

        Auch kann man einen "relative signals path" für das script angeben, wird aber im moment noch nicht ausgewertet, bzw auch nicht gespeichert. Den support dafür baue ich noch ein. Dieser string wird dann als root pfad für alle relativen io-broker signale in dem script verwendet.

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

          So nun gehen auch die relative tags in den SimpleScripts. Blockly folgt noch, Javascript - kein plan ob dort der support nötig ist.

          Externe Scripts, also außerhalb des Screens, werde ich mir in den kommenden Tagen anschauen.

          Achso, im Refactoring Panel, sind nun auch die Script Parameter enthalten. Zumindest wenn es strings sind. Bei zahlen und boolschen Werten, weiß ich nicht ob es sinnvoll ist.

          8a692f0a-057b-4c43-b27e-d19bfdd38e4f-image.png

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

            Stretch support in Screens.

            Die neue Version fügt den Screens eine neue Property hinzu "stretch":
            55cd059d-a303-48df-b013-a7dadba96b14-image.png

            Damit könnt Ihr den Screen so zoomen das er sich immer der Größe anpasst. Das funtkioniert aber nur wenn Ihr dem Screen eine fixe Höhe und Breite wie in meinem Screenshot vergeben habt.
            Das hat auch nichts mit "Responsive Design" zu tun, sondern es wird einfach skaliert.

            Es gibt 3 modi: "fill", "uniform" & "uniformToFill".
            fill => es werden breite und höhe getrennt voneinander gezoomt.
            uniform => das verhältnis von höhe und breite wird beibehalten, und maximal soweit gezoomt das nichts abgeschnitten wird.
            unformToFill => das verhältnis von höhe und breite wird beibehalten, und so gezoomt das auf jedenfall der screen gefüllt ist (auch wenn was abgeschnitten wird)

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

              Hallo Jochen,

              ich hab gerade das Update auf 1.4.1 installiert.

              So wie es aussieht gibt es ein Problem mit den Icons (new screen, cut, paste, ...)
              Tritt bei Firefox und Edge auf.

              2024-04-10_073013.png

              VG
              Dieter

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

              jogibear9988J 1 Reply Last reply
              1
              • B Blockmove

                Hallo Jochen,

                ich hab gerade das Update auf 1.4.1 installiert.

                So wie es aussieht gibt es ein Problem mit den Icons (new screen, cut, paste, ...)
                Tritt bei Firefox und Edge auf.

                2024-04-10_073013.png

                VG
                Dieter

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

                @blockmove

                hab den Fehler gefunden: https://github.com/gulpjs/gulp/issues/2790

                Hat sich wohl durch ein gulp5 update eingeschlichen.

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

                1 Reply Last reply
                2
                • Smilie108S Offline
                  Smilie108S Offline
                  Smilie108
                  wrote on last edited by Smilie108
                  #812

                  @jogibear9988
                  Hab grad einen neuen Server aufgesetzt da ich am alten was zerschossen habe ;(
                  Habe dann einfach aus dem Beta di 1.4.6 installiert aber ich bekomme da nur
                  936187e3-101a-4adf-ad66-6206c2426fcf-grafik.png

                  Weißt du woran das liegen könnte alle anderen ( ca30) adapter funktionieren ohne probleme.
                  Hab ich da einen fehler gemacht ?
                  944de17b-ea45-48af-bac0-647b25008bfd-grafik.png
                  Danke im voraus

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

                    @jogibear9988 hab jetzt mal testhalber 1.1.0 installiert die funktionierte dann danach auf 1.4.6 und jetzt geht die auch.

                    FYI

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

                      ich schau ob ich das nachstellen kann...

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

                        hast du ein backup benutz oder neu installiert?

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

                        Smilie108S 1 Reply Last reply
                        0
                        • jogibear9988J jogibear9988

                          hast du ein backup benutz oder neu installiert?

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

                          @jogibear9988
                          Hi komplett neue vm aufgesetzt unter proxmox Ubuntu 22.04 und komplett neue io installation ( einfach alles neu ) und dann auch auf beta umgestellt und webui aus dem beta installiert

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

                            @jogibear9988
                            Hätte mal ne bitte wenn möglich
                            Würde gerne das wired-input verwenden. Das mit placeholder usw das verstehe ich aber wie bekomme ich den eingegebnen Wert in den datenpunkt.? braucht man da ein script ?
                            Kannst du eventuell auf dem test server unter wired ein solches input feld erstellen damit ich dann sehe wie das gehört.
                            ODer geht das mit dem garnicht ?
                            sorry aber ich glaub ich steh grad am schlauch 😉
                            Danke mal schon vorab
                            Mfg Tom

                            jogibear9988J 1 Reply Last reply
                            0
                            • Smilie108S Smilie108

                              @jogibear9988
                              Hätte mal ne bitte wenn möglich
                              Würde gerne das wired-input verwenden. Das mit placeholder usw das verstehe ich aber wie bekomme ich den eingegebnen Wert in den datenpunkt.? braucht man da ein script ?
                              Kannst du eventuell auf dem test server unter wired ein solches input feld erstellen damit ich dann sehe wie das gehört.
                              ODer geht das mit dem garnicht ?
                              sorry aber ich glaub ich steh grad am schlauch 😉
                              Danke mal schon vorab
                              Mfg Tom

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

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

                              @jogibear9988
                              Hätte mal ne bitte wenn möglich
                              Würde gerne das wired-input verwenden. Das mit placeholder usw das verstehe ich aber wie bekomme ich den eingegebnen Wert in den datenpunkt.? braucht man da ein script ?
                              Kannst du eventuell auf dem test server unter wired ein solches input feld erstellen damit ich dann sehe wie das gehört.
                              ODer geht das mit dem garnicht ?
                              sorry aber ich glaub ich steh grad am schlauch 😉
                              Danke mal schon vorab
                              Mfg Tom

                              Geht leider im moment nicht über die UI, da das element die "value" property nicht definiert...

                              Musst im HTML Code machen:

                               bind-prop:value='{"signal":"0_userdata.0.Neuer_Zustand","twoWay":true,"events":["change"]}'
                              

                              habs auch im screen: "wired"

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

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

                                @jogibear9988
                                mhm habe eigentlich nur an objekten gearbeitet und an javascrips im javascript adapter

                                seit kurzen bekomme ich

                                ost.server02
                                	2024-04-19 22:36:34.744	info	Restart adapter system.adapter.webui.0 because enabled
                                host.server02
                                	2024-04-19 22:36:34.744	error	instance system.adapter.webui.0 terminated with code 1 (JS_CONTROLLER_STOPPED)
                                host.server02
                                	2024-04-19 22:36:34.744	error	Caught by controller[0]: Node.js v18.20.2
                                host.server02
                                	2024-04-19 22:36:34.744	error	Caught by controller[0]: at async handleMainPromise (node:internal/modules/run_main:106:12)
                                host.server02
                                	2024-04-19 22:36:34.744	error	Caught by controller[0]: at async loadESM (node:internal/process/esm_loader:34:7)
                                host.server02
                                	2024-04-19 22:36:34.744	error	Caught by controller[0]: at async ModuleLoader.import (node:internal/modules/esm/loader:337:24)
                                host.server02
                                	2024-04-19 22:36:34.744	error	Caught by controller[0]: at async ModuleJob.run (node:internal/modules/esm/module_job:191:5)
                                host.server02
                                	2024-04-19 22:36:34.744	error	Caught by controller[0]: at ModuleJob._instantiate (node:internal/modules/esm/module_job:123:21)
                                host.server02
                                	2024-04-19 22:36:34.744	error	Caught by controller[0]: SyntaxError: The requested module '@iobroker/adapter-core' does not provide an export named 'default'
                                host.server02
                                	2024-04-19 22:36:34.743	error	Caught by controller[0]: ^^^^^
                                host.server02
                                	2024-04-19 22:36:34.743	error	Caught by controller[0]: import utils from '@iobroker/adapter-core';
                                host.server02
                                	2024-04-19 22:36:34.743	error	Caught by controller[0]: file:///opt/iobroker/node_modules/iobroker.webui/dist/backend/main.js:1
                                host.server02
                                	2024-04-19 22:36:34.652	info	instance system.adapter.webui.0 started with pid 1818
                                

                                Kannst du dir darauf einen reim machen ?
                                werd mal paallel noch testen ob ich irgendow an fehler hab
                                Webui läuft aber ohne probleme runtime und editor

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

                                  @jogibear9988 mhm nochmal ne frage
                                  bekomme folgendes
                                  im editor
                                  Error occured, check console
                                  error parsing javascript - screenviewer - undefined
                                  in der console

                                  error parsing javascript - screenviewer - undefined SyntaxError: function statement requires a name IobrokerWebuiAppShell.js:321:12
                                      error http://192.168.1.173:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:321
                                      assignAllScripts http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer-visualization-addons/dist/scripting/ScriptSystem.js:181
                                      loadScreenData http://192.168.1.173:8082/webui/dist/frontend/runtime/ScreenViewer.js:92
                                      provideDemo http://192.168.1.173:8082/webui/dist/frontend/services/IobrokerWebuiDemoProviderService.js:18
                                      display http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/demoView/demoView.js:69
                                      ready http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/documentContainer.js:237
                                      emit http://192.168.1.173:8082/webui/node_modules/@node-projects/base-custom-webcomponent/dist/TypedEvent.js:35
                                      emit http://192.168.1.173:8082/webui/node_modules/@node-projects/base-custom-webcomponent/dist/TypedEvent.js:35
                                      _selectedIndexChanged http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/controls/DesignerTabControl.js:232
                                      onpointerdown http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/controls/DesignerTabControl.js:197
                                  

                                  Wie komme ich da nun drauf was falsch ist ?

                                  hab das mal bei dir unter smilie108 elektrische schaltsteckdosen abgelegt / die popups funktionieren

                                  Smilie108S 1 Reply Last reply
                                  0
                                  • Smilie108S Smilie108

                                    @jogibear9988 mhm nochmal ne frage
                                    bekomme folgendes
                                    im editor
                                    Error occured, check console
                                    error parsing javascript - screenviewer - undefined
                                    in der console

                                    error parsing javascript - screenviewer - undefined SyntaxError: function statement requires a name IobrokerWebuiAppShell.js:321:12
                                        error http://192.168.1.173:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:321
                                        assignAllScripts http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer-visualization-addons/dist/scripting/ScriptSystem.js:181
                                        loadScreenData http://192.168.1.173:8082/webui/dist/frontend/runtime/ScreenViewer.js:92
                                        provideDemo http://192.168.1.173:8082/webui/dist/frontend/services/IobrokerWebuiDemoProviderService.js:18
                                        display http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/demoView/demoView.js:69
                                        ready http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/documentContainer.js:237
                                        emit http://192.168.1.173:8082/webui/node_modules/@node-projects/base-custom-webcomponent/dist/TypedEvent.js:35
                                        emit http://192.168.1.173:8082/webui/node_modules/@node-projects/base-custom-webcomponent/dist/TypedEvent.js:35
                                        _selectedIndexChanged http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/controls/DesignerTabControl.js:232
                                        onpointerdown http://192.168.1.173:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/controls/DesignerTabControl.js:197
                                    

                                    Wie komme ich da nun drauf was falsch ist ?

                                    hab das mal bei dir unter smilie108 elektrische schaltsteckdosen abgelegt / die popups funktionieren

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

                                    @jogibear9988 mhm habe jetzt nochmal eine neue vm aufgesetzt mit geleichem ergebniss. bekomme das nicht mehr störungsfrei naja laufen tuts ja mal derweil nur das rote bzw die fehlermeldungen sind irritierend
                                    wollte nach neuinstall von webui das wired installieren dann sagt webui aber 3c59b18b-0380-4934-89b3-4e6b8dd1cfb3-grafik.png

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

                                      @jogibear9988 LACH mit der neuen 1.4.8 scheit wieder alles in Ordnung 😉 habe ich zuviel upgedatet ? war ich zu neu ?

                                      jogibear9988J 1 Reply Last reply
                                      0
                                      • Smilie108S Smilie108

                                        @jogibear9988 LACH mit der neuen 1.4.8 scheit wieder alles in Ordnung 😉 habe ich zuviel upgedatet ? war ich zu neu ?

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

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

                                        @jogibear9988 LACH mit der neuen 1.4.8 scheit wieder alles in Ordnung 😉 habe ich zuviel upgedatet ? war ich zu neu ?

                                        In iobroker wurde etwas umgebaut wegen ESM modulen und compact mode. Vlt. waren teile davon schon veröffentlicht?
                                        Ich habe in der neusten version patches von jemand übernommen.

                                        D.h. alle probleme gelöst?

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

                                          Wenn du die wired elmente aktualisierst, sollte nun auch die value property für das input feld da sein:
                                          c4fce34a-ce6f-4cdb-bc48-258533ba164e-image.png

                                          Allerdings musst du das event immer noch selbst eintragen:
                                          122193e2-15b9-4b3e-af92-418f8a71a3d8-image.png

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

                                          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

                                          575

                                          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