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

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    793

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 22 Kommentatoren 363.3k Aufrufe 21 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 Offline
    jogibear9988J Offline
    jogibear9988
    schrieb am zuletzt editiert von
    #1105

    was muss ich ändern damit das kommt?

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

    1 Antwort Letzte Antwort
    0
    • Smilie108S Offline
      Smilie108S Offline
      Smilie108
      schrieb am zuletzt editiert von
      #1106

      mhm bei mir langt es wenn ich ein input fenster in der breite mit der maus vergrößere oder verkleinere anaosnten muss ich mal probieren ob das auch auf dem testserver so ist

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

        ich kann es nicht nachstellen... kannst in der demo einen test screen machen...

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

        1 Antwort Letzte Antwort
        0
        • Smilie108S Offline
          Smilie108S Offline
          Smilie108
          schrieb am zuletzt editiert von
          #1108

          @jogibear9988 hab dir unter smilie108 die weihnachtsbeleuchtung rein wenn ich auf ein inputfeld clicke dann bekomme ich die meldung da auch ( mit firefox) ;)

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

            hättest das gleich dazu gesagt, "Firefox". Nun kann ichs nachstellen...
            Ich fixe es...

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

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

              Hallo,

              kann man bei einem CustomControl auch vom Script auf ein control_prob zugreifen?

              Wie kann man von einem Select-Element den Wert Value mit Simple Script an einen ioBroker-Datenpunkt senden?

              Ich möchte von einem Select-Element den Wert des Value an einen ioBroker-Datenpunkt senden.

              Danke.

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

                So sollte es gehen:

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

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

                M 2 Antworten Letzte Antwort
                1
                • 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
                  #1112

                  @jogibear9988

                  Danke, ich werde es probieren. Im Moment habe ich es über ein Script gelöst.

                  Übrigens vielen Dank für den Adapter. Finde ich persönlich besser wie den Vis-Adapter.

                  Grüße Martin

                  1 Antwort Letzte Antwort
                  0
                  • Smilie108S Smilie108

                    @jogibear9988 hab dir unter smilie108 die weihnachtsbeleuchtung rein wenn ich auf ein inputfeld clicke dann bekomme ich die meldung da auch ( mit firefox) ;)

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

                    @Smilie108 sagte in neue Visualisierung "webui" (alternative zu vis & vis-2):

                    @jogibear9988 hab dir unter smilie108 die weihnachtsbeleuchtung rein wenn ich auf ein inputfeld clicke dann bekomme ich die meldung da auch ( mit firefox) ;)

                    gefixt....

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

                    1 Antwort Letzte Antwort
                    0
                    • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          769

                                          Online

                                          32.6k

                                          Benutzer

                                          82.0k

                                          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