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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

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

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

Scheduled Pinned Locked Moved Visualisierung
1.1k Posts 21 Posters 347.8k Views 18 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • jogibear9988J jogibear9988

    @blockmove
    sollte gefixt sein

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

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

    @blockmove
    sollte gefixt sein

    Funktioniert ... Vielen Dank!

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

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

      @jogibear9988

      Hallo Jochen,

      mal eine Idee:
      Als Einsteiger tu ich mich noch manchmal mit der Bedienung schwer.
      Und zwar ganz banale Dinge wie z.B.: Bei welchem Element passiert was bei Rechtsklick.
      Ich musste neulich nochmal deine Youtube-Videos anschauen, weil ich nicht gefunden hab, wo ich Javascript erstellen kann. Wäre es möglich solche Elemente irgendwie zu kennzeichnen (farbiger Rahmen oder Ähnliches)?

      VG
      Dieter

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

      jogibear9988J 1 Reply Last reply
      0
      • B Blockmove

        @jogibear9988

        Hallo Jochen,

        mal eine Idee:
        Als Einsteiger tu ich mich noch manchmal mit der Bedienung schwer.
        Und zwar ganz banale Dinge wie z.B.: Bei welchem Element passiert was bei Rechtsklick.
        Ich musste neulich nochmal deine Youtube-Videos anschauen, weil ich nicht gefunden hab, wo ich Javascript erstellen kann. Wäre es möglich solche Elemente irgendwie zu kennzeichnen (farbiger Rahmen oder Ähnliches)?

        VG
        Dieter

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

        @blockmove
        möglich ist alles, nur was ist intuitiv. Ich kann es meist schwer nachvollziehen, da ich das ganze entworfen habe, und mir es einfach klar ist.

        Farbiger rahmen würde mir jetzt nicht wirklich gefallen, wie sähe das z.b., dann im script editor aus?
        Und ist das intuitiv?

        Vlt. ist das ganze rechtsklick zeugs auch nicht wirklich gut und man sollte es anders lösen?

        Wo hab ich den rechtsklicks?

        • projekt explorer -> dort finde ich passt es, ist ja auch in visualstudio so
        • event button -> unintuitiv, buttons haben eig. kein rechtsklick, gute idee dazu?
        • script editor, script element -> fraglich... gute idee dazu?
        • script editor, property grid -> ebenso fraglich, gute idee dazu?
        • designer -> finde ich dort schon intuitiv
        • designer, propertygrid auf das kleine rechteck -> intuitiv?? kein plan, ideen?

        mehr rechtsklicks gibts glaube nicht...

        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
          möglich ist alles, nur was ist intuitiv. Ich kann es meist schwer nachvollziehen, da ich das ganze entworfen habe, und mir es einfach klar ist.

          Farbiger rahmen würde mir jetzt nicht wirklich gefallen, wie sähe das z.b., dann im script editor aus?
          Und ist das intuitiv?

          Vlt. ist das ganze rechtsklick zeugs auch nicht wirklich gut und man sollte es anders lösen?

          Wo hab ich den rechtsklicks?

          • projekt explorer -> dort finde ich passt es, ist ja auch in visualstudio so
          • event button -> unintuitiv, buttons haben eig. kein rechtsklick, gute idee dazu?
          • script editor, script element -> fraglich... gute idee dazu?
          • script editor, property grid -> ebenso fraglich, gute idee dazu?
          • designer -> finde ich dort schon intuitiv
          • designer, propertygrid auf das kleine rechteck -> intuitiv?? kein plan, ideen?

          mehr rechtsklicks gibts glaube nicht...

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

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

          @blockmove
          möglich ist alles, nur was ist intuitiv. Ich kann es meist schwer nachvollziehen, da ich das ganze entworfen habe, und mir es einfach klar ist.

          Farbiger rahmen würde mir jetzt nicht wirklich gefallen, wie sähe das z.b., dann im script editor aus?
          Und ist das intuitiv?

          Vlt. ist das ganze rechtsklick zeugs auch nicht wirklich gut und man sollte es anders lösen?

          Wo hab ich den rechtsklicks?

          • projekt explorer -> dort finde ich passt es, ist ja auch in visualstudio so
          • event button -> unintuitiv, buttons haben eig. kein rechtsklick, gute idee dazu?
          • script editor, script element -> fraglich... gute idee dazu?
          • script editor, property grid -> ebenso fraglich, gute idee dazu?
          • designer -> finde ich dort schon intuitiv
          • designer, propertygrid auf das kleine rechteck -> intuitiv?? kein plan, ideen?

          mehr rechtsklicks gibts glaube nicht...

          event button: Du hast dort ja auch noch die Funktion javascript.
          Event.png

          Vielleicht könnte man da auch das Add JS-Handler unterbringen.

          Im Zweifelsfall lieber nen extra Button hinzufügen. Die meisten haben doch mittlerweile sowieso mind. Full-HD.

          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
            möglich ist alles, nur was ist intuitiv. Ich kann es meist schwer nachvollziehen, da ich das ganze entworfen habe, und mir es einfach klar ist.

            Farbiger rahmen würde mir jetzt nicht wirklich gefallen, wie sähe das z.b., dann im script editor aus?
            Und ist das intuitiv?

            Vlt. ist das ganze rechtsklick zeugs auch nicht wirklich gut und man sollte es anders lösen?

            Wo hab ich den rechtsklicks?

            • projekt explorer -> dort finde ich passt es, ist ja auch in visualstudio so
            • event button -> unintuitiv, buttons haben eig. kein rechtsklick, gute idee dazu?
            • script editor, script element -> fraglich... gute idee dazu?
            • script editor, property grid -> ebenso fraglich, gute idee dazu?
            • designer -> finde ich dort schon intuitiv
            • designer, propertygrid auf das kleine rechteck -> intuitiv?? kein plan, ideen?

            mehr rechtsklicks gibts glaube nicht...

            event button: Du hast dort ja auch noch die Funktion javascript.
            Event.png

            Vielleicht könnte man da auch das Add JS-Handler unterbringen.

            Im Zweifelsfall lieber nen extra Button hinzufügen. Die meisten haben doch mittlerweile sowieso mind. Full-HD.

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

            @blockmove
            ja die funktion javascript hatte ich bevor man ganzen javascript ranhängen konnte. Bin nicht sicher ob man die noch braucht...

            Denke auch, extra buttons machen mehr sinn. Oder der button click öffnet das menü ob man ein simples script oder javascript möchte.

            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 die funktion javascript hatte ich bevor man ganzen javascript ranhängen konnte. Bin nicht sicher ob man die noch braucht...

              Denke auch, extra buttons machen mehr sinn. Oder der button click öffnet das menü ob man ein simples script oder javascript möchte.

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

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

              @blockmove

              Oder der button click öffnet das menü ob man ein simples script oder javascript möchte.

              Die Idee finde ich gut. Ist ja ähnlich wie bei ioBroker Script. Da kommt auch die Abfrage welche Art (Javascript, Truescript, Blockly).

              Die Javascript-Integration ist übrigends echt eine klasse Sache in webui. Validierung von Eingaben und all solche Dinge machen wirklich vieles einfacher.

              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

                Oder der button click öffnet das menü ob man ein simples script oder javascript möchte.

                Die Idee finde ich gut. Ist ja ähnlich wie bei ioBroker Script. Da kommt auch die Abfrage welche Art (Javascript, Truescript, Blockly).

                Die Javascript-Integration ist übrigends echt eine klasse Sache in webui. Validierung von Eingaben und all solche Dinge machen wirklich vieles einfacher.

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

                @blockmove
                mein ziel war eigentlich, das man das meiste mit der integrierten scriptsprache erledigen kann 😉

                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
                  mein ziel war eigentlich, das man das meiste mit der integrierten scriptsprache erledigen kann 😉

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

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

                  @blockmove
                  mein ziel war eigentlich, das man das meiste mit der integrierten scriptsprache erledigen kann 😉

                  Naja für jede Aufgabe das geeignete Werkzeug 😀
                  Ist auch nicht anders als bei Blockly und JavaScript.

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

                    hab mal wieder einen pull request für das aktuelle release auf die repository liste gemacht. d.h. in den nächsten tagen sollte die jetzige version auch im stable zweig verfügbar sein.

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

                    1 Reply Last reply
                    1
                    • jogibear9988J jogibear9988

                      Helfen die Videos weiter?

                      W Offline
                      W Offline
                      Worlik
                      wrote on last edited by
                      #118

                      @jogibear9988 Ja, absolut cool was du da geschaffen hast. Unheimlich mächtig. Ich habe händeringend nach einer Alternative für vis/vis2 gesucht. Deine webui kann so vieles besser. Das macht richtig Spaß damit etwas zu entwerfen. Ich liebe die CustomControls welche man sich zusammen bauen kann. Bitte unbedingt weiter machen. 🙂

                      sigi234S B 2 Replies Last reply
                      1
                      • W Worlik

                        @jogibear9988 Ja, absolut cool was du da geschaffen hast. Unheimlich mächtig. Ich habe händeringend nach einer Alternative für vis/vis2 gesucht. Deine webui kann so vieles besser. Das macht richtig Spaß damit etwas zu entwerfen. Ich liebe die CustomControls welche man sich zusammen bauen kann. Bitte unbedingt weiter machen. 🙂

                        sigi234S Online
                        sigi234S Online
                        sigi234
                        Forum Testing Most Active
                        wrote on last edited by
                        #119

                        @worlik
                        Ja wirklich gut, aber leider alles in Englisch

                        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Immer Daten sichern!

                        jogibear9988J W 2 Replies Last reply
                        0
                        • W Worlik

                          @jogibear9988 Ja, absolut cool was du da geschaffen hast. Unheimlich mächtig. Ich habe händeringend nach einer Alternative für vis/vis2 gesucht. Deine webui kann so vieles besser. Das macht richtig Spaß damit etwas zu entwerfen. Ich liebe die CustomControls welche man sich zusammen bauen kann. Bitte unbedingt weiter machen. 🙂

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

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

                          @jogibear9988 Ja, absolut cool was du da geschaffen hast. Unheimlich mächtig. Ich habe händeringend nach einer Alternative für vis/vis2 gesucht. Deine webui kann so vieles besser. Das macht richtig Spaß damit etwas zu entwerfen. Ich liebe die CustomControls welche man sich zusammen bauen kann. Bitte unbedingt weiter machen. 🙂

                          Da stimm ich 100% zu.
                          Die CustomControls sind hervorragend.
                          Auch die JavaScript-Unterstützung ist wirklich mächtig.
                          Kein Vergleich zu Vis bzw. Vis 2.

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

                          1 Reply Last reply
                          0
                          • sigi234S sigi234

                            @worlik
                            Ja wirklich gut, aber leider alles in Englisch

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

                            @sigi234

                            Es sind doch wirklich nur schlagwörter.
                            So viel Text gibt es doch gar nicht.

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

                            W 1 Reply Last reply
                            0
                            • sigi234S sigi234

                              @worlik
                              Ja wirklich gut, aber leider alles in Englisch

                              W Offline
                              W Offline
                              Worlik
                              wrote on last edited by
                              #122

                              @sigi234 Mich stört das überhaupt nicht. Aber ich kann verstehen, dass nicht jeder so bewandert in Englisch ist. Hier ist man halt echt etwas näher am Thema Programmierung dran, deswegen bemerke ich ehrlich gesagt die englische Oberfläche gar nicht. Viele Dinge lassen sich auch gar nicht übersetzen. Vielleicht kannst du ja mal probieren die automatische Übersetzungsfunktion vom Browser zu verwenden. Chrome macht das eigentlich auf Wunsch ganz gut, auch bei nachgeladenen Inhalten.

                              1 Reply Last reply
                              0
                              • jogibear9988J jogibear9988

                                @sigi234

                                Es sind doch wirklich nur schlagwörter.
                                So viel Text gibt es doch gar nicht.

                                W Offline
                                W Offline
                                Worlik
                                wrote on last edited by
                                #123

                                @jogibear9988 Kannst du mir verraten, wie ich hier den Wert vom Binding nutzen kann? Habe 0, ?, ?__0 und ein paar andere durch, aber ich komme nicht drauf. Ich hätte gerne eine Bedingte Formatierung. Oder geht das nur über formula?

                                3776c4f9-2eb6-410c-a290-b02d490f7f7a-image.png

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

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

                                  @jogibear9988 Kannst du mir verraten, wie ich hier den Wert vom Binding nutzen kann? Habe 0, ?, ?__0 und ein paar andere durch, aber ich komme nicht drauf. Ich hätte gerne eine Bedingte Formatierung. Oder geht das nur über formula?

                                  Such mal bei YouTube nach Jochen Kühner. Da gibt es Tutorials dazu

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

                                  1 Reply Last reply
                                  0
                                  • W Worlik

                                    @jogibear9988 Kannst du mir verraten, wie ich hier den Wert vom Binding nutzen kann? Habe 0, ?, ?__0 und ein paar andere durch, aber ich komme nicht drauf. Ich hätte gerne eine Bedingte Formatierung. Oder geht das nur über formula?

                                    3776c4f9-2eb6-410c-a290-b02d490f7f7a-image.png

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

                                    @worlik

                                    Geht noch gar nicht. Hab ich nicht bedacht.
                                    Kann ich aber einbauen

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

                                    W 1 Reply Last reply
                                    0
                                    • jogibear9988J jogibear9988

                                      @worlik

                                      Geht noch gar nicht. Hab ich nicht bedacht.
                                      Kann ich aber einbauen

                                      W Offline
                                      W Offline
                                      Worlik
                                      wrote on last edited by Worlik
                                      #126

                                      @jogibear9988 Wäre für manch einen vielleicht leichter, eilt aber nicht. Ich habs nun über eine formula gemacht. Falls das auch wer braucht, einfach das hier bei formula eintragen:

                                      __0 == 1 ? '1 Minute' : __0 + ' Minuten'
                                      
                                      1 Reply Last reply
                                      0
                                      • FeuersturmF Online
                                        FeuersturmF Online
                                        Feuersturm
                                        wrote on last edited by
                                        #127

                                        In der Doku von ioBroker gibt es hier https://www.iobroker.net/#de/documentation?visualisierung eine Kurzvorstellung der einzelnen Visualisierungen. Wenn du @jogibear9988 / ihr mir einen Text zur Vorstellung von "webui" zur Verfügung stellt und am besten auch noch 1-2 schöne Screenshots dann baue ich es in die Doku gerne mit ein.

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

                                          @worlik

                                          Bin gearde am überlgen wie ich das einbauen würde. Dabei hab ich mir nochmals gedanken über die expressions gemacht.

                                          Wie findet ihr das besser, die signale durchbenenen __0, __1 usw.
                                          oder wie bei vis/vis2
                                          name:signalname, d.h. man schreibt oben bei dem signal einen namen davor, und kann dann diesen in den expressions verwenden.
                                          was findet ihr besser?

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

                                          W 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

                                          306

                                          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