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

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    196

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

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

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.7k 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.
  • jogibear9988J jogibear9988

    Es gibt wieder eine Live Demo der WebUI, darin könnt Ihr rumspielen und probieren...

    http://129.159.205.3:8082/webui/index.html

    B Offline
    B Offline
    Blockmove
    wrote on last edited by
    #55

    @jogibear9988 said in neue Visualiserung "webui" im stable repository:

    Es gibt wieder eine Live Demo der WebUI, darin könnt Ihr rumspielen und probieren...

    http://129.159.205.3:8082/webui/index.html

    Deine Visu hat nen schönen Vorteil für mich:
    Ich muss mich wieder mit HTML und CSS beschäftigen.
    Davor hab ich mich lang gedrückt 😊

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

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

      Neue Funktion: Upload von "addtional files".

      Damit könnt Ihr zusätzliche Dateien hochladen welche Ihr in eurer Visu verwenden wollt:

      7e5f5dd1-0e79-4ec0-95e3-13863260baf7-image.png

      Bspw. könnt Ihr ein SweetHome3D Projekt hochladen und dieses dann über die SweetHome3d Komponente anzeigen:

      f112c92d-6a4e-434b-8fd4-10b9400aca16-image.png

      Bsp. gibts hier: http://129.159.205.3:8082/webui/index.html

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

        Hallo Jochen,

        ich hab in einem Control ein Event angelegt.
        Möchte ich nun das Event mit Remove Item entfernen, so funktioniert das nicht.

        RemoveItem.png

        webui: 0.15.1
        Node.js: 18.17.1
        Browser: Firefox

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

        jogibear9988J 2 Replies Last reply
        0
        • B Blockmove

          Hallo Jochen,

          ich hab in einem Control ein Event angelegt.
          Möchte ich nun das Event mit Remove Item entfernen, so funktioniert das nicht.

          RemoveItem.png

          webui: 0.15.1
          Node.js: 18.17.1
          Browser: Firefox

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

          @blockmove

          Ist ein Script, welches du auf ein Event anlegst. 🙂

          Ja hast recht, ist durch die umstellung auf "Wunderbaum" kaputt gegangen. Fixe ich später, bzw. morgen.
          Zur Not kannst es im Moment mit umschalten auf den HTML Quellcode löschen

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

          B 1 Reply Last reply
          0
          • jogibear9988J jogibear9988

            @blockmove

            Ist ein Script, welches du auf ein Event anlegst. 🙂

            Ja hast recht, ist durch die umstellung auf "Wunderbaum" kaputt gegangen. Fixe ich später, bzw. morgen.
            Zur Not kannst es im Moment mit umschalten auf den HTML Quellcode löschen

            B Offline
            B Offline
            Blockmove
            wrote on last edited by
            #59

            @jogibear9988 said in neue Visualiserung "webui" im stable repository:

            @blockmove

            Ist ein Script, welches du auf ein Event anlegst. 🙂

            Ja hast recht, ist durch die umstellung auf "Wunderbaum" kaputt gegangen. Fixe ich später, bzw. morgen.
            Zur Not kannst es im Moment mit umschalten auf den HTML Quellcode löschen

            Das Editieren in der Split-View bzw. Code-View finde ich klasse in deiner webui!

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

            1 Reply Last reply
            0
            • B Blockmove

              Hallo Jochen,

              ich hab in einem Control ein Event angelegt.
              Möchte ich nun das Event mit Remove Item entfernen, so funktioniert das nicht.

              RemoveItem.png

              webui: 0.15.1
              Node.js: 18.17.1
              Browser: Firefox

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

              @blockmove

              das im scripteditor ist gefixt

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

                gibt noch einen neuen abschnitt im solution explorer: "global/font declaration style"
                afb50a33-aa8c-420a-b17d-e88419616271-image.png

                damit könnt ihr bspw. font declarations einfügen welche im root style hinzugefügt werden. denn custom fonts können nicht im shadowdom geladen werden.

                dadurch könnt ihr über die "additionalFiles" auch eigene schriften einbinden. beispiel im live system das hier verlinkt ist.

                7208b849-c116-4c3f-825c-b97737f50154-image.png

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

                  Hallo Jochen,
                  ich bastel gerade mein erstes CustomControl.
                  Dank deinem Video ist es auch recht einfach.
                  Einen Feature-Request hätte ich dazu:
                  Könntest du bitte die Reihenfolge der Properties änderbar machen.
                  Properties.png
                  Vielleicht "einfach" vor den del-Button einen Button für auf und ab?

                  Vielen Dank und Schönes Wochenende!

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

                  jogibear9988J 1 Reply Last reply
                  0
                  • B Blockmove

                    Hallo Jochen,
                    ich bastel gerade mein erstes CustomControl.
                    Dank deinem Video ist es auch recht einfach.
                    Einen Feature-Request hätte ich dazu:
                    Könntest du bitte die Reihenfolge der Properties änderbar machen.
                    Properties.png
                    Vielleicht "einfach" vor den del-Button einen Button für auf und ab?

                    Vielen Dank und Schönes Wochenende!

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

                    @blockmove

                    schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
                    Da kannst die Einträge per Drag/Drop verschieben

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

                    B 1 Reply Last reply
                    0
                    • jogibear9988J jogibear9988

                      @blockmove

                      schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
                      Da kannst die Einträge per Drag/Drop verschieben

                      B Offline
                      B Offline
                      Blockmove
                      wrote on last edited by Blockmove
                      #64

                      @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                      @blockmove

                      schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
                      Da kannst die Einträge per Drag/Drop verschieben

                      Drag und Drop geht natürlich genauso. Dann ist das Bedienkonzept einheitlich.
                      Die CustomControls sind auf jeden Fall richtig praktisch!

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

                      jogibear9988J 2 Replies Last reply
                      0
                      • B Blockmove

                        @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                        @blockmove

                        schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
                        Da kannst die Einträge per Drag/Drop verschieben

                        Drag und Drop geht natürlich genauso. Dann ist das Bedienkonzept einheitlich.
                        Die CustomControls sind auf jeden Fall richtig praktisch!

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

                        @blockmove
                        sind ja eigentlich auch nur webcomponenten. Das was man dort erstellt kann man auch ganz leicht als alleinstehende komponente veröffentlichen.

                        Was wir noch fehlt sind ein paar gescheite Standard Controls wie sie Vis mit ausliefert.

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

                        1 Reply Last reply
                        0
                        • B Blockmove

                          @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                          @blockmove

                          schau ich mir an. Vlt. übernehm ich einfach das gleiche wie beim script editor.
                          Da kannst die Einträge per Drag/Drop verschieben

                          Drag und Drop geht natürlich genauso. Dann ist das Bedienkonzept einheitlich.
                          Die CustomControls sind auf jeden Fall richtig praktisch!

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

                          @blockmove
                          wenn etwas gebaut hast was auch für andre was ist, kannsts ja hier veröffentlichen 🙂

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

                          B 1 Reply Last reply
                          0
                          • B Offline
                            B Offline
                            Blockmove
                            wrote on last edited by
                            #67

                            Hallo Jochen,

                            vielleicht stell ich mich zu blöd an, aber ich bekomme es einfach nicht gebacken.
                            Ich möchte einfach in einem CustomControl in einer Zeile die Werte von 3 Properties ausgeben.
                            Also so:
                            Solltemperatur 22.5°C Isttemperatur 20°C Ventilstellung 50%

                            Sowas muss doch eigentlich auch einfach ohne grid, flex oder Ähnliches gehen?

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

                            jogibear9988J 2 Replies Last reply
                            0
                            • B Blockmove

                              Hallo Jochen,

                              vielleicht stell ich mich zu blöd an, aber ich bekomme es einfach nicht gebacken.
                              Ich möchte einfach in einem CustomControl in einer Zeile die Werte von 3 Properties ausgeben.
                              Also so:
                              Solltemperatur 22.5°C Isttemperatur 20°C Ventilstellung 50%

                              Sowas muss doch eigentlich auch einfach ohne grid, flex oder Ähnliches gehen?

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

                              @blockmove

                              So? test-control.control

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

                              jogibear9988J 1 Reply Last reply
                              0
                              • jogibear9988J jogibear9988

                                @blockmove
                                wenn etwas gebaut hast was auch für andre was ist, kannsts ja hier veröffentlichen 🙂

                                B Offline
                                B Offline
                                Blockmove
                                wrote on last edited by
                                #69

                                @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                                @blockmove
                                wenn etwas gebaut hast was auch für andre was ist, kannsts ja hier veröffentlichen 🙂

                                Dazu muss ich meine HTML-Kenntnisse erstmal auf Vordermann bringen.
                                Aber ich arbeite daran und aktuell finde ich auch etwas Zeit dazu.

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

                                1 Reply Last reply
                                0
                                • B Blockmove

                                  Hallo Jochen,

                                  vielleicht stell ich mich zu blöd an, aber ich bekomme es einfach nicht gebacken.
                                  Ich möchte einfach in einem CustomControl in einer Zeile die Werte von 3 Properties ausgeben.
                                  Also so:
                                  Solltemperatur 22.5°C Isttemperatur 20°C Ventilstellung 50%

                                  Sowas muss doch eigentlich auch einfach ohne grid, flex oder Ähnliches gehen?

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

                                  @blockmove
                                  hat mein beispiel geklappt? bzw war das das was du wolltest?

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

                                  B 1 Reply Last reply
                                  0
                                  • jogibear9988J jogibear9988

                                    @blockmove

                                    So? test-control.control

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

                                    @jogibear9988

                                    in der komponente, wird die property von außen in das span element eingebunden. Wenn die property jedoch nicht gesetzt ist, steht "undefined" als text im control das kannst du so fixen:

                                    7d0498e7-30c5-4da4-8255-90be1d60524c-image.png
                                    (siehe formula)

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

                                    1 Reply Last reply
                                    1
                                    • jogibear9988J jogibear9988

                                      @blockmove
                                      hat mein beispiel geklappt? bzw war das das was du wolltest?

                                      B Offline
                                      B Offline
                                      Blockmove
                                      wrote on last edited by
                                      #72

                                      @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                                      @blockmove
                                      hat mein beispiel geklappt? bzw war das das was du wolltest?

                                      Danke Jochen,
                                      es hat funktioniert und war genau das wonach ich gesucht hatte.
                                      Eigentlich total simpel mit dem span-Element ... Wenn man es weiß. 👍
                                      Als vis-Umsteiger mit schlechten HTML-/CSS-Kentnissen sind es manchmal die einfachen Aufgaben, die schwierig sind.
                                      Irgendwie wär da ein Manual oder Wiki nicht verkehrt.
                                      Vielleicht auch ein weiteres Youtube Video.

                                      Schönen Sonntag und Viele Grüße
                                      Dieter

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

                                      jogibear9988J 1 Reply Last reply
                                      0
                                      • B Blockmove

                                        @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                                        @blockmove
                                        hat mein beispiel geklappt? bzw war das das was du wolltest?

                                        Danke Jochen,
                                        es hat funktioniert und war genau das wonach ich gesucht hatte.
                                        Eigentlich total simpel mit dem span-Element ... Wenn man es weiß. 👍
                                        Als vis-Umsteiger mit schlechten HTML-/CSS-Kentnissen sind es manchmal die einfachen Aufgaben, die schwierig sind.
                                        Irgendwie wär da ein Manual oder Wiki nicht verkehrt.
                                        Vielleicht auch ein weiteres Youtube Video.

                                        Schönen Sonntag und Viele Grüße
                                        Dieter

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

                                        @blockmove

                                        Ja bin da auf rückmeldung angewiesen was nicht klar bzw. einfach ist, da ich als entwickler dann nicht wirklich den blick dafür habe (für mich ist das meiste selbstverständlich).
                                        Zu HTML/CSS mach ich natürlich keine, dazu gibts ja zuhauf im Internet 🙂
                                        Und die helfen bei meiner webui ja schon viel weiter.

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

                                        B 1 Reply Last reply
                                        0
                                        • jogibear9988J jogibear9988

                                          @blockmove

                                          Ja bin da auf rückmeldung angewiesen was nicht klar bzw. einfach ist, da ich als entwickler dann nicht wirklich den blick dafür habe (für mich ist das meiste selbstverständlich).
                                          Zu HTML/CSS mach ich natürlich keine, dazu gibts ja zuhauf im Internet 🙂
                                          Und die helfen bei meiner webui ja schon viel weiter.

                                          B Offline
                                          B Offline
                                          Blockmove
                                          wrote on last edited by
                                          #74

                                          @jogibear9988 said in neue Visualiserung "webui" im stable repository:

                                          @blockmove

                                          Ja bin da auf rückmeldung angewiesen was nicht klar bzw. einfach ist, da ich als entwickler dann nicht wirklich den blick dafür habe (für mich ist das meiste selbstverständlich).
                                          Zu HTML/CSS mach ich natürlich keine, dazu gibts ja zuhauf im Internet 🙂
                                          Und die helfen bei meiner webui ja schon viel weiter.

                                          Ich stimm dir da zu 100% zu.
                                          Man muss sich halt reinfuchsen, welche HTML-Elemente sich wie manipulieren lassen.
                                          Mein Problem mit der Ausgabe von 3 Variablen konnte ich zwar im Prinzip mit einigen div lösen. Aber ich war mir sicher, dass es einen einfacheren Weg geben muss. Und das hat sich ja gezeigt, dass es absolut simpel geht. Und wahrscheinlich wäre es mit keiner anderen Visu so simpel.

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

                                          jogibear9988J 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

                                          170

                                          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