Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    379

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    333

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    948

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 22 Kommentatoren 376.1k Aufrufe 21 Beobachtet
  • Ä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 sollte es gehen:

    vorne auf die 3 punkte bei "value" klicken, dann "elementProperty" und die property "value" verwenden
    image.png

    M Offline
    M Offline
    Martin 5
    schrieb am zuletzt editiert von
    #1114

    @jogibear9988

    Hallo, es funktioniert leider nur bedingt.
    Trage ich bei signal den Propertynamen ein (egal ob mit oder ohne Fragezeichen) funktioniert es nicht.

    e900cb86-0fd5-40e0-8edd-c977e942068a-grafik.png

    Trage ich dagegen direkt einen ioBroker Datenpunkt ein funktioniert es.

    3ed77eb0-9999-494d-b87d-7abbe4910b93-grafik.png

    Grüße Martin

    jogibear9988J 1 Antwort Letzte Antwort
    0
    • M Offline
      M Offline
      Martin 5
      schrieb am zuletzt editiert von Martin 5
      #1115

      Hallo,

      ich habe noch eine Frage.
      Ich versuche in einem Customcontrol ein Link einzubauen.
      1eb7fd58-9a4b-406b-b9ed-9d289112bbe7-grafik.png
      Die Linkadresse habe ich eingetragen. 6157ccf4-70b5-4201-a2f4-dd478fffbd17-grafik.png
      Aber es funktioniert nicht, ich bekomme immer "404 Not Found".
      Wenn ich die Maus über den Link halte sehe ich unten links im Browser:

      http://192.168.xxx.xxx:8082/webui/undefined
      

      Das ist die Adresse des ioBrokers und nicht mein Link.
      Mache ich da einen Fehler? Und wenn ja, wo?

      Grüße Martin

      jogibear9988J 1 Antwort Letzte Antwort
      0
      • M Martin 5

        @jogibear9988

        Hallo, es funktioniert leider nur bedingt.
        Trage ich bei signal den Propertynamen ein (egal ob mit oder ohne Fragezeichen) funktioniert es nicht.

        e900cb86-0fd5-40e0-8edd-c977e942068a-grafik.png

        Trage ich dagegen direkt einen ioBroker Datenpunkt ein funktioniert es.

        3ed77eb0-9999-494d-b87d-7abbe4910b93-grafik.png

        Grüße Martin

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

        @Martin-5

        versuchs mal so:

        504c6574-d158-446e-9644-c4761a62a9a8-image.png

        mit SetSignalValue kannst du nur Signale setzen. So wie du es gemacht hast, würde der Signalname im Signal stehen das in der property modus_soll steht! (also sogar 2fach indirekt).

        Du musst ein anderes command nutzen, SetElementproperty

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

        1 Antwort Letzte Antwort
        0
        • M Martin 5

          Hallo,

          ich habe noch eine Frage.
          Ich versuche in einem Customcontrol ein Link einzubauen.
          1eb7fd58-9a4b-406b-b9ed-9d289112bbe7-grafik.png
          Die Linkadresse habe ich eingetragen. 6157ccf4-70b5-4201-a2f4-dd478fffbd17-grafik.png
          Aber es funktioniert nicht, ich bekomme immer "404 Not Found".
          Wenn ich die Maus über den Link halte sehe ich unten links im Browser:

          http://192.168.xxx.xxx:8082/webui/undefined
          

          Das ist die Adresse des ioBrokers und nicht mein Link.
          Mache ich da einen Fehler? Und wenn ja, wo?

          Grüße Martin

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

          @Martin-5

          versuchs mal mit

              bind-prop:href="??netz_Id1"
          

          also 2 fragezeichen davor. Mit einem sagst du nim den wert aus dem Signal das in der Property steht. Aber bei dir steht in der Property ja kein Signal, sondern direkt der link.

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

            image.png

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

              @martin-5 gehts?

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

              M 1 Antwort Letzte Antwort
              0
              • jogibear9988J jogibear9988

                @martin-5 gehts?

                M Offline
                M Offline
                Martin 5
                schrieb am zuletzt editiert von
                #1120

                @jogibear9988

                Die Links funktionieren, das Simple Script nicht. Ist aber kein Problem da das Script mit einem Einzeiler funktioniert.

                export function sendeDaten(event, eventRaisingElement, shadowRoot, instance, parameters){
                  IOB.setState(instance.modus_soll, eventRaisingElement.value, true);
                }
                

                Es ist sicher sinnvoll diese Aufgabe über Dialoge zu realisieren, ich persönlich bevorzuge Scripte. :-)

                1 Antwort Letzte Antwort
                0
                • M Offline
                  M Offline
                  Martin 5
                  schrieb am zuletzt editiert von
                  #1121

                  Hallo,

                  vorweg wünsche ich allen einen guten Rutsch ins neue Jahr.

                  Ich habe ein Control angelegt um eine Zeile in einer "Tabelle" mit Messwerten zu erzeugen. Da verschiedene Einheiten vorhanden sind und alles trotzdem übereinander stehen soll würde ich dem Control gern mitteilen wie breit das Feld für die Einheit werden soll.

                  <div class="flex">
                      <span class="text">[[?this.name]]</span>
                      <span class="wert" bind-content:html="?wert">???</span>
                      <span class="einheit">[[?this.einheit]]</span>
                  </div>
                  

                  Dazu die Style Daten.

                  div.flex {
                      display: flex;
                  }
                  
                  span.text {
                      width: 100%;
                      text-decoration: none;
                      color: black;
                  }
                  
                  span.wert {
                      text-align: right;
                      margin-left: auto;
                  }
                  
                  span.einheit{
                      text-align: left;
                      margin-left: 5px;
                      width: 50px;
                  }
                  

                  Die "50px" (auch als 3em oder so) würde ich dem Control gern über ein Property mitteilen. Also so etwas wie

                  width: ?propertyname;
                  oder
                  width: [[?this.propertyname]];
                  

                  im Style.

                  Das soll etwa so aussehen:
                  c16b4fa8-a18d-44b6-8bd7-cedaebb51c37-grafik.png
                  Die Messwerte sollen dann nach Bedarf erweitert werden, ich weiß aber noch nicht wie lang die größte Einheit wird.

                  Kann man das irgendwie machen?

                  Grüße Martin

                  1 Antwort Letzte Antwort
                  0
                  • M Offline
                    M Offline
                    Martin 5
                    schrieb am zuletzt editiert von Martin 5
                    #1122

                    Hallo,

                    allen ein gesundes und erfolgreiches Neues Jahr.

                    Mal eine Nacht drüber schlafen und man kommt selber drauf. :-)

                    <span class="einheit" bind-css:width="??propertyname">[[?this.einheit]]</span>
                    

                    Grüße Martin

                    1 Antwort Letzte Antwort
                    0
                    • K Offline
                      K Offline
                      Kamikaze
                      schrieb am zuletzt editiert von
                      #1123

                      Auch von mir ein gutes neues Jahr und das es so erfolgreich wie 2025 wird.
                      Es ist wieder soweit, ich stehe auf dem Schlauch.
                      Ziemlich einfaches Szenario, aber ich bekomme es nicht hin.
                      Ich möchte mit chart.js meine eigenen Grafiken bereitstellen.
                      Über einen Datenpunkt im iobroker lege ich die Parameter für die Grafik fest.
                      In einem früheren Post hat jogibear davon gesprochen, dass man auch seine Lösung verwenden kann. Auf dem testserver finde ich hierzu nicht passendes.
                      Also meine Frage:
                      Wie und wo muss ich genau die Chart.js Komponenten einbinden, damit ich diese in einem Control verwenden kann und dann auf den Screens platzieren kann.
                      Es gibt ja scheinbar zwei Möglichkeiten, einmal über das Internet und CDN und einmal über webcomponents.
                      Idealerweise hätte ich gern für beide Lösungen ein konkretes Beispiel.

                      1 Antwort Letzte Antwort
                      0
                      • K Offline
                        K Offline
                        Kamikaze
                        schrieb am zuletzt editiert von Kamikaze
                        #1124

                        Möglicherweise hängt das ja mit der Verrsion 1.39 zusammen.
                        Ich erhalte bei einer vollständig neuen Installation mit einem Screen der nur ein span element enthät in der Konsole folgende Fehlermeldung:

                        importmap.js:1   Failed to load resource: the server responded with a status of 404 (Not Found)
                        importmap.js:1   Failed to load resource: the server responded with a status of 404 (Not Found)
                        IobrokerHandler.js:113 ioBroker handler ready.
                        :8082/webui.0.widgets/importWidgetFilesRuntime.js:1   Failed to load resource: the server responded with a status of 404 (Not Found)
                        es-module-shims.js:1087  Uncaught (in promise) TypeError: 404 Not Found http://192.168.110.10:8082/webui.0.widgets/importWidgetFilesRuntime.js
                            at doFetch (es-module-shims.js:1087:21)
                            at async defaultSourceHook (es-module-shims.js:1101:15)
                            at async fetchModule (es-module-shims.js:1127:10)
                            at async es-module-shims.js:1206:58
                            at async loadAll (es-module-shims.js:722:5)
                            at async topLevelLoad (es-module-shims.js:853:5)
                        
                        1 Antwort Letzte Antwort
                        0
                        • K Offline
                          K Offline
                          Kamikaze
                          schrieb am zuletzt editiert von
                          #1125

                          Also das ursprüngliche Problem mit Chart.js konnte ich selber lösen.
                          Bleiben nur noch die obigen Fehlermeldungen.

                          1 Antwort Letzte Antwort
                          0
                          • jogibear9988J Offline
                            jogibear9988J Offline
                            jogibear9988
                            schrieb am zuletzt editiert von jogibear9988
                            #1126

                            Schau den Screen "aaa" an. Ich hab eine Beispiel Komponente mit chartjs gebaut. Ich hab das als NPM Module installiert.
                            Per CDN denke ich geht auch, probier ich jetzt aber nicht.
                            Ich finde CDN doof, will ja in der Hausautomation nicht abhängig von einem CDN sein.

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

                            1 Antwort Letzte Antwort
                            0
                            • Smilie108S Online
                              Smilie108S Online
                              Smilie108
                              schrieb am zuletzt editiert von
                              #1127

                              @jogibear9988
                              Update hat fehler weis aber nicht ob das nur bei mir ist :
                              iobroker npm error A complete log of this run can be found in: /home/iobroker/.npm/_logs/2026-04-13T17_29_34_888Z-debug-0.log
                              host.iobroker-kramsach-live
                              2026-04-13 19:29:39.374 info iobroker npm error code 1npm error path /opt/iobroker/node_modules/iobroker.webuinpm error command failednpm error command sh -c npm run bundleMonaco && npm run bundleToastify
                              host.iobroker-kramsach-live
                              2026-04-13 19:29:39.247 info iobroker const result = binding.readdir( ^Error: ENOENT: no such file or directory, scandir '/opt/iobroker/node_modules/iobroker.webui/node_modules/monaco-editor/esm' at Object.readdirSync (node:fs:1590:26) at walkDir (file:///opt/iobroker/node_modules/iobroker.webui/_patchAndMinifyMonaco.js:11:26) at file:///opt/iobroker/node_modules/iobroker.webui/_patchAndMinifyMonaco.js:30:1 at ModuleJob.run (node:internal/modules/esm/module_job:343:25) at async onImport.tracePromise.proto (node:internal/modules/esm/loader:665:26) at async asyncRunEntryPointWithESMLoader (node:internal/modules/run_main:117:5) { errno: -2, code: 'ENOENT', syscall: 'scandir', path: '/opt/iobroker/node_modules/iobroker.webui/node_modules/monaco-editor/esm'}Node.js v22.22.2

                              1 Antwort Letzte Antwort
                              0
                              • Smilie108S Online
                                Smilie108S Online
                                Smilie108
                                schrieb am zuletzt editiert von
                                #1128

                                a10e51b2-f733-4a72-b321-3df60d44f8e0-image.jpeg

                                1 Antwort Letzte Antwort
                                0
                                • jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  schrieb am zuletzt editiert von
                                  #1129

                                  Sollte wieder laufen....

                                  Sorry.

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

                                  1 Antwort Letzte Antwort
                                  0
                                  • Smilie108S Online
                                    Smilie108S Online
                                    Smilie108
                                    schrieb am zuletzt editiert von
                                    #1130

                                    @jogibear9988 Mhm noch ne rage unter firefox bekomme ich beim öffnen des editors immer die meldung Error occured, check console
                                    Fehler bei der Rechteabfrage:

                                    Konsole :

                                    Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf https://192.168.2.30:3010/api/session. (Grund: CORS-Anfrage schlug fehl). Statuscode: (null).

                                    Fehler bei der Rechteabfrage: TypeError: NetworkError when attempting to fetch resource. IobrokerWebuiAppShell.js:397:12
                                    error http://192.168.2.30:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:397
                                    checkPermissions http://192.168.2.30:8082/webui/ line 99 > injectedScript:27
                                    <anonym> http://192.168.2.30:8082/webui/ line 99 > injectedScript:38
                                    init http://192.168.2.30:8082/webui/dist/frontend/common/IobrokerHandler.js:99
                                    <anonym> http://192.168.2.30:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:5

                                    kannst du damit was anfangen ?

                                    Mfg und danke das teil geht echt gut ;)

                                    1 Antwort Letzte Antwort
                                    0
                                    • jogibear9988J Offline
                                      jogibear9988J Offline
                                      jogibear9988
                                      schrieb am zuletzt editiert von
                                      #1131

                                      Nö, kommt bei mir nicht? Welche FF Version?
                                      Kommt das vlt von einem FF Addon?

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

                                      1 Antwort Letzte Antwort
                                      0
                                      • Smilie108S Online
                                        Smilie108S Online
                                        Smilie108
                                        schrieb am zuletzt editiert von
                                        #1132

                                        FF ist 149.0.2 (64-Bit) ok vileicht auch irgend eine konstelation die nicht nachfolziebar ist kommt auch nur beim Start vom webui danach nicht mehr. eventuell habe ich auch irgendwo eine var verwendet auf die er keinen zugriff mehr hat. muss das teil sowiso mal neu installieren mit der ganzen testerei kann da schon was zurück bleiben ;)

                                        Danke für die info

                                        1 Antwort Letzte Antwort
                                        0
                                        • Smilie108S Online
                                          Smilie108S Online
                                          Smilie108
                                          schrieb zuletzt editiert von
                                          #1133

                                          mhm @jogibear9988 ab Version 1.39.0 hat sich glaub ich ein fehler eingeschlichen. Seit dieser version vunktioniert das menue von mir nicht mehr das per clickscript auf die class (.sidebar) geht wegen dem schließen der sidebar wenn ein menuepunkt angeklickt wurde.
                                          hab sogar alles nochmal neu installiert gehabt bis ich drauf gekommen bin ;)

                                          1 Antwort Letzte Antwort
                                          0

                                          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                          Registrieren Anmelden
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          475

                                          Online

                                          32.8k

                                          Benutzer

                                          82.8k

                                          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