Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.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 Visualisierung "webui" (alternative zu vis & vis-2)

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 351.2k Aufrufe 19 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.
  • Smilie108S Offline
    Smilie108S Offline
    Smilie108
    schrieb am zuletzt editiert von
    #317

    Hallo an alle
    Hoffe das alle Silvester gut verbracht haben.
    Wünsche euch allen ein Gesundes Frohes Erfolgreiches 2024 ;)
    Mfg Thomas

    B 1 Antwort Letzte Antwort
    1
    • Smilie108S Smilie108

      Hallo an alle
      Hoffe das alle Silvester gut verbracht haben.
      Wünsche euch allen ein Gesundes Frohes Erfolgreiches 2024 ;)
      Mfg Thomas

      B Offline
      B Offline
      Blockmove
      schrieb am zuletzt editiert von
      #318

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

      Hallo an alle
      Hoffe das alle Silvester gut verbracht haben.
      Wünsche euch allen ein Gesundes Frohes Erfolgreiches 2024 ;)
      Mfg Thomas

      Vielen Dank und den Wünschen schließe ich mich gerne an :-)
      Viele Grüße
      Dieter

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

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

        Hi @Blockmove
        Brauche mal wieder einen denkanstoß ;)
        <select @change='{"commands":[{"type":"SetSignalValue","signal":{"name":"intervall","source":"property"},"value":null}]}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
        <option value="0">Keine</option>
        <option value="1">1 sec</option>
        <option value="10">10 sec</option>
        <option value="60">60 sec</option>
        <option value="300">300 sec</option>
        </select>
        wenn ich zb das mache wie bekomme ich den value in das change rein ?
        Weist du das zufällig ?

        Danke im voraus

        jogibear9988J B 2 Antworten Letzte Antwort
        0
        • Smilie108S Smilie108

          Hi @Blockmove
          Brauche mal wieder einen denkanstoß ;)
          <select @change='{"commands":[{"type":"SetSignalValue","signal":{"name":"intervall","source":"property"},"value":null}]}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
          <option value="0">Keine</option>
          <option value="1">1 sec</option>
          <option value="10">10 sec</option>
          <option value="60">60 sec</option>
          <option value="300">300 sec</option>
          </select>
          wenn ich zb das mache wie bekomme ich den value in das change rein ?
          Weist du das zufällig ?

          Danke im voraus

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

          @smilie108

          gar nicht...

          die simple scripts können nicht auf werte aus events verweisen. Das kann ich noch bauen, gibt es aber im Moment nicht. Wenn dann musst blockly oder javascript verwenden.

          Warum bindest du aber nicht die value property des selects direkt an ein Objekt? Ah du willst eine property eines custom controls setzen?

          Mach mir mal bitte einen issue für das feature, sonst vergesse ich das.

          Ich kann mir das nach meinem Urlaub anschauen, bin am 3ten wieder zuhause,

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

          1 Antwort Letzte Antwort
          1
          • Smilie108S Smilie108

            Hi @Blockmove
            Brauche mal wieder einen denkanstoß ;)
            <select @change='{"commands":[{"type":"SetSignalValue","signal":{"name":"intervall","source":"property"},"value":null}]}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
            <option value="0">Keine</option>
            <option value="1">1 sec</option>
            <option value="10">10 sec</option>
            <option value="60">60 sec</option>
            <option value="300">300 sec</option>
            </select>
            wenn ich zb das mache wie bekomme ich den value in das change rein ?
            Weist du das zufällig ?

            Danke im voraus

            B Offline
            B Offline
            Blockmove
            schrieb am zuletzt editiert von Blockmove
            #321

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

            <select bind-prop:value='{"signal":"?valSelect","twoWay":true}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
            <option value="0">Keine</option>
            <option value="1">1 sec</option>
            <option value="10">10 sec</option>
            <option value="60">60 sec</option>
            <option value="300">300 sec</option>
            </select>

            Probier es mal so. Wie Jochen schon schrieb, nimm einfach ein twoWay-Binding.
            Die option value werden wahrscheinlich als String übertragen

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

            W 1 Antwort Letzte Antwort
            0
            • B Blockmove

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

              <select bind-prop:value='{"signal":"?valSelect","twoWay":true}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
              <option value="0">Keine</option>
              <option value="1">1 sec</option>
              <option value="10">10 sec</option>
              <option value="60">60 sec</option>
              <option value="300">300 sec</option>
              </select>

              Probier es mal so. Wie Jochen schon schrieb, nimm einfach ein twoWay-Binding.
              Die option value werden wahrscheinlich als String übertragen

              W Offline
              W Offline
              Worlik
              schrieb am zuletzt editiert von
              #322

              @blockmove Das ist alles nicht so ganz eindeutig mit den Bindings. Bei mir funktionierte das immer am einfachsten, wenn man es im grafischen Editor auf die value-Property zieht. Also einfach das Objekt aus dem ioBroker Objektbaum. Er fügt dann ein Binding-Shortcut mit = am Anfang ein und dann funktioniert es einfach. Manuell habe ich das noch nicht hinbekommen (außer ich tippe den generierten Code ab).

              B 1 Antwort Letzte Antwort
              0
              • W Worlik

                @blockmove Das ist alles nicht so ganz eindeutig mit den Bindings. Bei mir funktionierte das immer am einfachsten, wenn man es im grafischen Editor auf die value-Property zieht. Also einfach das Objekt aus dem ioBroker Objektbaum. Er fügt dann ein Binding-Shortcut mit = am Anfang ein und dann funktioniert es einfach. Manuell habe ich das noch nicht hinbekommen (außer ich tippe den generierten Code ab).

                B Offline
                B Offline
                Blockmove
                schrieb am zuletzt editiert von
                #323

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

                @blockmove Das ist alles nicht so ganz eindeutig mit den Bindings. Bei mir funktionierte das immer am einfachsten, wenn man es im grafischen Editor auf die value-Property zieht. Also einfach das Objekt aus dem ioBroker Objektbaum. Er fügt dann ein Binding-Shortcut mit = am Anfang ein und dann funktioniert es einfach. Manuell habe ich das noch nicht hinbekommen (außer ich tippe den generierten Code ab).

                In dem Fall geht es um ein Custom Control.
                Ich mach es eigentlich immer mit Rechtsclick auf das Quadrat beim Value und dann eben Edit Binding.
                Bei webui gibt es eben mehrere Wege.

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

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

                  @Blockmove
                  Wenn ich das von dir genannte übernehme wie kann ich dann den wert in eine control.prop varible schreiben da es ja als costom control öfter aufgerufen wird. Kann ich keine fixen zuweisungen machen.
                  Gruß tom

                  B 1 Antwort Letzte Antwort
                  0
                  • Smilie108S Smilie108

                    @Blockmove
                    Wenn ich das von dir genannte übernehme wie kann ich dann den wert in eine control.prop varible schreiben da es ja als costom control öfter aufgerufen wird. Kann ich keine fixen zuweisungen machen.
                    Gruß tom

                    B Offline
                    B Offline
                    Blockmove
                    schrieb am zuletzt editiert von
                    #325

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

                    @Blockmove
                    Wenn ich das von dir genannte übernehme wie kann ich dann den wert in eine control.prop varible schreiben da es ja als costom control öfter aufgerufen wird. Kann ich keine fixen zuweisungen machen.
                    Gruß tom

                    ???
                    Irgendwie weiß ich nicht genaue, was du meinst.
                    Die Binding funktioniert doch genauso im Custom Control wie im Screen. Nur der Syntax ist halt anders.

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

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

                      @blockmove Ich glaube dann steh ich auf dem schlauch Sorry

                      Beim Boutton geht das ja so
                      <button @click='{"commands":[{"type":"SetSignalValue","signal":{"name":"timerangeselector","source":"property"},"value":"month"}]}' style="width:80px;height:30px;position:absolute;left:163px;top:31px;">Monat</button>

                      Die controll.prop variabel lautet intervall.
                      wenn ich nun das select auf die variable intervall legen weis ich aber nicht wie ich das value des select dorthin bekomme.

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

                        alles erledigt manchesmal sieht man den wald nicht vor lauter bäumen und in diesem fall viel zu kompliziert gedacht ;)

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

                          Sorry, hab gerade festegestellt, das ich in CustomControls 2-way bindings nicht auf die CustomControl Properties unterstütze. D.h. wenn ihr z.b. den value eines selct auf eine customProperty des CustomControls bindet, geht das nur in eine richtung von customcontrol-Property -> zum select. Andersrum nicht... Hab ich vergessen...

                          Kommt ende die woche...

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

                          Smilie108S B 2 Antworten Letzte Antwort
                          0
                          • jogibear9988J Offline
                            jogibear9988J Offline
                            jogibear9988
                            schrieb am zuletzt editiert von
                            #329

                            Hab auch noch gesehen, das einige auf dem Testserver rumspielen und dort views etc anlegen. Das ist auch schön und gut, nur schlecht ist es, wenn alle Beispiele die ich gemacht habe gelöscht werden....
                            (wie z.B. das Beispiel mit den Chart Controls)

                            Muss mal schauen wie ich das ändern kann, hätte schon gerne das man dort ein paar Sachen auch stehen lassen kann. Wir brauchen wohl doch noch ne Userverwaltung und Berechtigungen innerhalb von webUi

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

                            Smilie108S 1 Antwort Letzte Antwort
                            0
                            • jogibear9988J jogibear9988

                              Sorry, hab gerade festegestellt, das ich in CustomControls 2-way bindings nicht auf die CustomControl Properties unterstütze. D.h. wenn ihr z.b. den value eines selct auf eine customProperty des CustomControls bindet, geht das nur in eine richtung von customcontrol-Property -> zum select. Andersrum nicht... Hab ich vergessen...

                              Kommt ende die woche...

                              Smilie108S Offline
                              Smilie108S Offline
                              Smilie108
                              schrieb am zuletzt editiert von
                              #330

                              @jogibear9988
                              komisch also der select geht mit dem binding ?intervall und mit two way event:change durch zumindest bei mir
                              wenn ich die variabel in den objekten ändere andert sich auch der select auf der visu
                              also geht es in beide richtungen
                              Mfg

                              jogibear9988J 1 Antwort Letzte Antwort
                              0
                              • Smilie108S Smilie108

                                @jogibear9988
                                komisch also der select geht mit dem binding ?intervall und mit two way event:change durch zumindest bei mir
                                wenn ich die variabel in den objekten ändere andert sich auch der select auf der visu
                                also geht es in beide richtungen
                                Mfg

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

                                @smilie108

                                ?interval bindet an ein ioBroker Objekt welches du an die Property interval hängst, das geht.
                                ??interval bindet den Wert direkt an die Property, das geht im Moment noch nicht. Brauchst du vlt. gerade nicht, aber geht halt auch nicht.
                                Das braucht man dann eher wenn man das Custom Control wieder in ein anderes CustomControl einbettet

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

                                1 Antwort Letzte Antwort
                                1
                                • jogibear9988J jogibear9988

                                  Hab auch noch gesehen, das einige auf dem Testserver rumspielen und dort views etc anlegen. Das ist auch schön und gut, nur schlecht ist es, wenn alle Beispiele die ich gemacht habe gelöscht werden....
                                  (wie z.B. das Beispiel mit den Chart Controls)

                                  Muss mal schauen wie ich das ändern kann, hätte schon gerne das man dort ein paar Sachen auch stehen lassen kann. Wir brauchen wohl doch noch ne Userverwaltung und Berechtigungen innerhalb von webUi

                                  Smilie108S Offline
                                  Smilie108S Offline
                                  Smilie108
                                  schrieb am zuletzt editiert von
                                  #332

                                  @jogibear9988
                                  Ja das war leider ich mein browser hatte die url gewechselt gehabt und ich habe mich schon gewundert warum nach der neuinstall die beispiele dabei warem

                                  Hab ich weiter oben schon geschrieben . Tut mir leid war keine absicht.
                                  Und ja userverwaltung wäre super weis aber nicht wie man das angehen sollte.
                                  wäre für einstellwerte usw ganz toll damit zb die Frau ;) nichts verstellen kann
                                  nicht böse gemeint

                                  Nochmal entschuldigung wegen dem löschen. bin zu spät draufgekommen

                                  jogibear9988J 1 Antwort Letzte Antwort
                                  0
                                  • Smilie108S Smilie108

                                    @jogibear9988
                                    Ja das war leider ich mein browser hatte die url gewechselt gehabt und ich habe mich schon gewundert warum nach der neuinstall die beispiele dabei warem

                                    Hab ich weiter oben schon geschrieben . Tut mir leid war keine absicht.
                                    Und ja userverwaltung wäre super weis aber nicht wie man das angehen sollte.
                                    wäre für einstellwerte usw ganz toll damit zb die Frau ;) nichts verstellen kann
                                    nicht böse gemeint

                                    Nochmal entschuldigung wegen dem löschen. bin zu spät draufgekommen

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

                                    @smilie108

                                    Okay, dann weiß ich es wenigstens :-)

                                    Userverwaltung hab ich ja eh noch als Issue auf meiner Agenda.

                                    Wie gesagt, bin gerade noch an einem Bundler dran, und dann will ich ein paar Sachen überarbeiten.

                                    Will auch noch schauen ob ich die IOB interne Nutzerverwaltung nutzen kann, sieht aber im Moment nicht danach aus.

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

                                    1 Antwort Letzte Antwort
                                    1
                                    • W Offline
                                      W Offline
                                      Worlik
                                      schrieb am zuletzt editiert von
                                      #334

                                      Kann man eigentlich irgendwie Favicon und App-Icons festlegen? Komme ich irgendwie an die Header der Seite? Wenn man die runtime als App verwendet, sieht das noch nicht besonders Chic aus.

                                      1 Antwort Letzte Antwort
                                      0
                                      • jogibear9988J jogibear9988

                                        Sorry, hab gerade festegestellt, das ich in CustomControls 2-way bindings nicht auf die CustomControl Properties unterstütze. D.h. wenn ihr z.b. den value eines selct auf eine customProperty des CustomControls bindet, geht das nur in eine richtung von customcontrol-Property -> zum select. Andersrum nicht... Hab ich vergessen...

                                        Kommt ende die woche...

                                        B Offline
                                        B Offline
                                        Blockmove
                                        schrieb am zuletzt editiert von Blockmove
                                        #335

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

                                        Sorry, hab gerade festegestellt, das ich in CustomControls 2-way bindings nicht auf die CustomControl Properties unterstütze. D.h. wenn ihr z.b. den value eines selct auf eine customProperty des CustomControls bindet, geht das nur in eine richtung von customcontrol-Property -> zum select. Andersrum nicht... Hab ich vergessen...

                                        Kommt ende die woche...

                                        ???
                                        Begreife ich gerade nicht. Ich hab hier ein Custom Control mit select und das funktioniert auch in beide Richtungen.

                                        Screen:

                                        <webui-select-value val-select="0_userdata.0.Test.stateString" style="position:absolute;left:9px;top:41px;"></webui-select-value>
                                        

                                        Control:

                                        <select bind-prop:value='{"signal":"?valSelect","twoWay":true}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
                                            <option value="0">Keine</option>
                                            <option value="1">1 sec</option>
                                            <option value="10">10 sec</option>
                                            <option value="60">60 sec</option>
                                            <option value="300">300 sec</option>
                                        </select>
                                        
                                        

                                        Oder meinst du was Anderes?

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

                                        jogibear9988J 1 Antwort Letzte Antwort
                                        0
                                        • B Blockmove

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

                                          Sorry, hab gerade festegestellt, das ich in CustomControls 2-way bindings nicht auf die CustomControl Properties unterstütze. D.h. wenn ihr z.b. den value eines selct auf eine customProperty des CustomControls bindet, geht das nur in eine richtung von customcontrol-Property -> zum select. Andersrum nicht... Hab ich vergessen...

                                          Kommt ende die woche...

                                          ???
                                          Begreife ich gerade nicht. Ich hab hier ein Custom Control mit select und das funktioniert auch in beide Richtungen.

                                          Screen:

                                          <webui-select-value val-select="0_userdata.0.Test.stateString" style="position:absolute;left:9px;top:41px;"></webui-select-value>
                                          

                                          Control:

                                          <select bind-prop:value='{"signal":"?valSelect","twoWay":true}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
                                              <option value="0">Keine</option>
                                              <option value="1">1 sec</option>
                                              <option value="10">10 sec</option>
                                              <option value="60">60 sec</option>
                                              <option value="300">300 sec</option>
                                          </select>
                                          
                                          

                                          Oder meinst du was Anderes?

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

                                          @blockmove

                                          nochmal, mit "?..." bindest du an ein signal welches in der property deines custom controls steht, mit "??..." bindest du direkt auf die property. Es muss in der property ja nicht immer ein iobroker signal stehen

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

                                          B 1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          998

                                          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