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

  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.2k

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

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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 348.3k Aufrufe 18 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 jogibear9988

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

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

    Aber ja, für das "grid" fehlt einfach auch noch guter Designer support

    Ich nehm grid recht oft.
    Die bestehenden Möglichkeiten des Designers hab ich dazu noch nie genutzt.

    ==> die sind ja auch bescheiden.

    Smilie108S Online
    Smilie108S Online
    Smilie108
    schrieb am zuletzt editiert von
    #623

    @jogibear9988 hob da eh grad an kaffe wieder geschickt 😉

    1 Antwort Letzte Antwort
    1
    • jogibear9988J jogibear9988

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

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

      Aber ja, für das "grid" fehlt einfach auch noch guter Designer support

      Ich nehm grid recht oft.
      Die bestehenden Möglichkeiten des Designers hab ich dazu noch nie genutzt.

      ==> die sind ja auch bescheiden.

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

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

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

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

      Aber ja, für das "grid" fehlt einfach auch noch guter Designer support

      Ich nehm grid recht oft.
      Die bestehenden Möglichkeiten des Designers hab ich dazu noch nie genutzt.

      ==> die sind ja auch bescheiden.

      Wenn du im Designer Grid mehr unterstützen willst, willst du es dann in den html- oder den css-Code packen?
      Was ich mir vorstellen könnte wäre vielleicht eine Art Addon für Grid. Du erstellst interaktiv ein css-Grid und kannst dann im Designer das grid bzw. das grid-item zuweisen. Wäre sowas wie ein modularer Ansatz und eine Ergänzung zum bestehenden Designer.

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

      jogibear9988J 2 Antworten Letzte Antwort
      0
      • B Blockmove

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

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

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

        Aber ja, für das "grid" fehlt einfach auch noch guter Designer support

        Ich nehm grid recht oft.
        Die bestehenden Möglichkeiten des Designers hab ich dazu noch nie genutzt.

        ==> die sind ja auch bescheiden.

        Wenn du im Designer Grid mehr unterstützen willst, willst du es dann in den html- oder den css-Code packen?
        Was ich mir vorstellen könnte wäre vielleicht eine Art Addon für Grid. Du erstellst interaktiv ein css-Grid und kannst dann im Designer das grid bzw. das grid-item zuweisen. Wäre sowas wie ein modularer Ansatz und eine Ergänzung zum bestehenden Designer.

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

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

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

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

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

        Aber ja, für das "grid" fehlt einfach auch noch guter Designer support

        Ich nehm grid recht oft.
        Die bestehenden Möglichkeiten des Designers hab ich dazu noch nie genutzt.

        ==> die sind ja auch bescheiden.

        Wenn du im Designer Grid mehr unterstützen willst, willst du es dann in den html- oder den css-Code packen?
        Was ich mir vorstellen könnte wäre vielleicht eine Art Addon für Grid. Du erstellst interaktiv ein css-Grid und kannst dann im Designer das grid bzw. das grid-item zuweisen. Wäre sowas wie ein modularer Ansatz und eine Ergänzung zum bestehenden Designer.

        im moment wird jede css eigenschaft die modifiziert wird in den lokalen style gepackt, außer du änderst eine die schon vom style kommt.
        Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...
        Grids kann man ja schon bearbeiten (rudimentär) wenn sie schon definiert sind

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

        B 1 Antwort Letzte Antwort
        0
        • B Blockmove

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

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

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

          Aber ja, für das "grid" fehlt einfach auch noch guter Designer support

          Ich nehm grid recht oft.
          Die bestehenden Möglichkeiten des Designers hab ich dazu noch nie genutzt.

          ==> die sind ja auch bescheiden.

          Wenn du im Designer Grid mehr unterstützen willst, willst du es dann in den html- oder den css-Code packen?
          Was ich mir vorstellen könnte wäre vielleicht eine Art Addon für Grid. Du erstellst interaktiv ein css-Grid und kannst dann im Designer das grid bzw. das grid-item zuweisen. Wäre sowas wie ein modularer Ansatz und eine Ergänzung zum bestehenden Designer.

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

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

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

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

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

          Aber ja, für das "grid" fehlt einfach auch noch guter Designer support

          Ich nehm grid recht oft.
          Die bestehenden Möglichkeiten des Designers hab ich dazu noch nie genutzt.

          ==> die sind ja auch bescheiden.

          Wenn du im Designer Grid mehr unterstützen willst, willst du es dann in den html- oder den css-Code packen?
          Was ich mir vorstellen könnte wäre vielleicht eine Art Addon für Grid. Du erstellst interaktiv ein css-Grid und kannst dann im Designer das grid bzw. das grid-item zuweisen. Wäre sowas wie ein modularer Ansatz und eine Ergänzung zum bestehenden Designer.

          das ganze ist modular im designer. Dort kann man extensions dynamisch hinzufügen, also können auch externe extensions für den designer geschrieben werden.

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

          1 Antwort Letzte Antwort
          0
          • jogibear9988J jogibear9988

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

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

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

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

            Aber ja, für das "grid" fehlt einfach auch noch guter Designer support

            Ich nehm grid recht oft.
            Die bestehenden Möglichkeiten des Designers hab ich dazu noch nie genutzt.

            ==> die sind ja auch bescheiden.

            Wenn du im Designer Grid mehr unterstützen willst, willst du es dann in den html- oder den css-Code packen?
            Was ich mir vorstellen könnte wäre vielleicht eine Art Addon für Grid. Du erstellst interaktiv ein css-Grid und kannst dann im Designer das grid bzw. das grid-item zuweisen. Wäre sowas wie ein modularer Ansatz und eine Ergänzung zum bestehenden Designer.

            im moment wird jede css eigenschaft die modifiziert wird in den lokalen style gepackt, außer du änderst eine die schon vom style kommt.
            Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...
            Grids kann man ja schon bearbeiten (rudimentär) wenn sie schon definiert sind

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

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

            Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...

            Ne Umschaltung lokal / global fände ich ganz praktisch.

            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):

              Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...

              Ne Umschaltung lokal / global fände ich ganz praktisch.

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

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

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

              Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...

              Ne Umschaltung lokal / global fände ich ganz praktisch.

              ja, aber was würde ich dann als selektor in den style schreiben?
              die id? was ist wenn keine sitzt? den elementtyp? ist vlt. zu universell. einen Komplexeren? Die Frage ist nicht einfach zu beantworten.

              schau z.b. hier:

              d57784a8-25ba-412f-b0c4-c41e0b6ff2ee-image.png

              welcher selektor wäre für einen neuen style der richtige???

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

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

                Hab mal noch eingebaut, das bei "errors" in der console eine Toast Message kommt.
                Irgendwie passiert es, das als auf dem undo stack was hängen bleibt, und dann sind "split view" und designer out of sync.
                Dafür hab ich nun mal ein error gebaut, muss aber noch rausfinden durch was das passiert. Also wenns bei euch passiert, und ihr könnt nachstellen wie, dann immer her mit den tips.

                Eig. sollten nach dem laden (ja da kommen ein paar), keine fehler in der konsole kommen, warnings sind okay

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

                B 1 Antwort Letzte Antwort
                0
                • jogibear9988J jogibear9988

                  Hab mal noch eingebaut, das bei "errors" in der console eine Toast Message kommt.
                  Irgendwie passiert es, das als auf dem undo stack was hängen bleibt, und dann sind "split view" und designer out of sync.
                  Dafür hab ich nun mal ein error gebaut, muss aber noch rausfinden durch was das passiert. Also wenns bei euch passiert, und ihr könnt nachstellen wie, dann immer her mit den tips.

                  Eig. sollten nach dem laden (ja da kommen ein paar), keine fehler in der konsole kommen, warnings sind okay

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

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

                  Hab mal noch eingebaut, das bei "errors" in der console eine Toast Message kommt.
                  Irgendwie passiert es, das als auf dem undo stack was hängen bleibt, und dann sind "split view" und designer out of sync.
                  Dafür hab ich nun mal ein error gebaut, muss aber noch rausfinden durch was das passiert. Also wenns bei euch passiert, und ihr könnt nachstellen wie, dann immer her mit den tips.

                  Eig. sollten nach dem laden (ja da kommen ein paar), keine fehler in der konsole kommen, warnings sind okay

                  Das Verhalten hatte ich schon ein paarmal, nachstellen konnte ich es bislang auch nicht. Außer dass ich davor einige Cut- and Paste in der Split-View gemacht hab.
                  Genauso wenig wie den Fall, dass der HTML-Edit nicht bedienbar ist.

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

                  jogibear9988J 1 Antwort Letzte Antwort
                  0
                  • jogibear9988J jogibear9988

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

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

                    Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...

                    Ne Umschaltung lokal / global fände ich ganz praktisch.

                    ja, aber was würde ich dann als selektor in den style schreiben?
                    die id? was ist wenn keine sitzt? den elementtyp? ist vlt. zu universell. einen Komplexeren? Die Frage ist nicht einfach zu beantworten.

                    schau z.b. hier:

                    d57784a8-25ba-412f-b0c4-c41e0b6ff2ee-image.png

                    welcher selektor wäre für einen neuen style der richtige???

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

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

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

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

                    Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...

                    Ne Umschaltung lokal / global fände ich ganz praktisch.

                    ja, aber was würde ich dann als selektor in den style schreiben?
                    die id? was ist wenn keine sitzt? den elementtyp? ist vlt. zu universell. einen Komplexeren? Die Frage ist nicht einfach zu beantworten.

                    schau z.b. hier:

                    d57784a8-25ba-412f-b0c4-c41e0b6ff2ee-image.png

                    welcher selektor wäre für einen neuen style der richtige???

                    Klar … Schwieriges Thema.
                    Kann man nicht einfach starten:
                    Bei der class eines Elements bekomme ich einen Auswahldialog über die verfügbaren css. Das würde ja in Verbindung mit einem Grid-Editor schon mal reichen?
                    Wer intensiv css nutzt, der wird das sowieso direkt in den Editoren machen.

                    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):

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

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

                      Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...

                      Ne Umschaltung lokal / global fände ich ganz praktisch.

                      ja, aber was würde ich dann als selektor in den style schreiben?
                      die id? was ist wenn keine sitzt? den elementtyp? ist vlt. zu universell. einen Komplexeren? Die Frage ist nicht einfach zu beantworten.

                      schau z.b. hier:

                      d57784a8-25ba-412f-b0c4-c41e0b6ff2ee-image.png

                      welcher selektor wäre für einen neuen style der richtige???

                      Klar … Schwieriges Thema.
                      Kann man nicht einfach starten:
                      Bei der class eines Elements bekomme ich einen Auswahldialog über die verfügbaren css. Das würde ja in Verbindung mit einem Grid-Editor schon mal reichen?
                      Wer intensiv css nutzt, der wird das sowieso direkt in den Editoren machen.

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

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

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

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

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

                      Da gibts noch Überlegungen wann wohin was geschrieben werden soll... (oder ob man umschalten kann). Die Frage ist, wenn man nen neuen style anlegt, was für ein selektor sollte man in das stylesheet schreiben...

                      Ne Umschaltung lokal / global fände ich ganz praktisch.

                      ja, aber was würde ich dann als selektor in den style schreiben?
                      die id? was ist wenn keine sitzt? den elementtyp? ist vlt. zu universell. einen Komplexeren? Die Frage ist nicht einfach zu beantworten.

                      schau z.b. hier:

                      d57784a8-25ba-412f-b0c4-c41e0b6ff2ee-image.png

                      welcher selektor wäre für einen neuen style der richtige???

                      Klar … Schwieriges Thema.
                      Kann man nicht einfach starten:
                      Bei der class eines Elements bekomme ich einen Auswahldialog über die verfügbaren css. Das würde ja in Verbindung mit einem Grid-Editor schon mal reichen?
                      Wer intensiv css nutzt, der wird das sowieso direkt in den Editoren machen.

                      Ja, für Grid will ich auf jeden Fall noch was machen.
                      Über den button: 63f9bc18-1854-4a26-83a9-3a097b2f5afc-image.png kann man ünrigens schon festlegen ob zurück in den Stylesheet geschrieben wird.

                      Das hat aber nur einen effekt wenn der style schon aus dem sheet kommt.

                      Bspw:

                         *{font-size: 20px }
                      

                      wenn du nun im "css-layout" property grid die font size änderst, wird der stylesheet angepasst, wenn den button wegklickst, der lokale style des elements

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

                      1 Antwort Letzte Antwort
                      0
                      • B Blockmove

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

                        Hab mal noch eingebaut, das bei "errors" in der console eine Toast Message kommt.
                        Irgendwie passiert es, das als auf dem undo stack was hängen bleibt, und dann sind "split view" und designer out of sync.
                        Dafür hab ich nun mal ein error gebaut, muss aber noch rausfinden durch was das passiert. Also wenns bei euch passiert, und ihr könnt nachstellen wie, dann immer her mit den tips.

                        Eig. sollten nach dem laden (ja da kommen ein paar), keine fehler in der konsole kommen, warnings sind okay

                        Das Verhalten hatte ich schon ein paarmal, nachstellen konnte ich es bislang auch nicht. Außer dass ich davor einige Cut- and Paste in der Split-View gemacht hab.
                        Genauso wenig wie den Fall, dass der HTML-Edit nicht bedienbar ist.

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

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

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

                        Hab mal noch eingebaut, das bei "errors" in der console eine Toast Message kommt.
                        Irgendwie passiert es, das als auf dem undo stack was hängen bleibt, und dann sind "split view" und designer out of sync.
                        Dafür hab ich nun mal ein error gebaut, muss aber noch rausfinden durch was das passiert. Also wenns bei euch passiert, und ihr könnt nachstellen wie, dann immer her mit den tips.

                        Eig. sollten nach dem laden (ja da kommen ein paar), keine fehler in der konsole kommen, warnings sind okay

                        Das Verhalten hatte ich schon ein paarmal, nachstellen konnte ich es bislang auch nicht. Außer dass ich davor einige Cut- and Paste in der Split-View gemacht hab.
                        Genauso wenig wie den Fall, dass der HTML-Edit nicht bedienbar ist.

                        Ja, mir ist es gestern auch passiert, aber hab davor 100mal rumgeklickt. Nun gibt es einen error, zumindest wenn im Splitview zurückgeparst wird. Und dann kann man vlt. sagen was man vorher gemacht hat. Ich muss es halt nachstellen können.

                        Und das mit dem nicht bedienbaren Editor für den JS Code, hatte ich letztens 1mal, das scheint ein Problem innerhalb des "monaco" editors zu sein (ist der editor von vscode), muss ich aber auch weitersuchen, ist seitdem nicht mehr passiert.

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

                        Smilie108S 2 Antworten Letzte Antwort
                        0
                        • jogibear9988J jogibear9988

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

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

                          Hab mal noch eingebaut, das bei "errors" in der console eine Toast Message kommt.
                          Irgendwie passiert es, das als auf dem undo stack was hängen bleibt, und dann sind "split view" und designer out of sync.
                          Dafür hab ich nun mal ein error gebaut, muss aber noch rausfinden durch was das passiert. Also wenns bei euch passiert, und ihr könnt nachstellen wie, dann immer her mit den tips.

                          Eig. sollten nach dem laden (ja da kommen ein paar), keine fehler in der konsole kommen, warnings sind okay

                          Das Verhalten hatte ich schon ein paarmal, nachstellen konnte ich es bislang auch nicht. Außer dass ich davor einige Cut- and Paste in der Split-View gemacht hab.
                          Genauso wenig wie den Fall, dass der HTML-Edit nicht bedienbar ist.

                          Ja, mir ist es gestern auch passiert, aber hab davor 100mal rumgeklickt. Nun gibt es einen error, zumindest wenn im Splitview zurückgeparst wird. Und dann kann man vlt. sagen was man vorher gemacht hat. Ich muss es halt nachstellen können.

                          Und das mit dem nicht bedienbaren Editor für den JS Code, hatte ich letztens 1mal, das scheint ein Problem innerhalb des "monaco" editors zu sein (ist der editor von vscode), muss ich aber auch weitersuchen, ist seitdem nicht mehr passiert.

                          Smilie108S Online
                          Smilie108S Online
                          Smilie108
                          schrieb am zuletzt editiert von
                          #634

                          @jogibear9988
                          hab grad auf die 30er upgedatet dann kann man die screens auch nicht mehr in unterordner verschieben mit der 25er gehts

                          1 Antwort Letzte Antwort
                          0
                          • jogibear9988J jogibear9988

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

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

                            Hab mal noch eingebaut, das bei "errors" in der console eine Toast Message kommt.
                            Irgendwie passiert es, das als auf dem undo stack was hängen bleibt, und dann sind "split view" und designer out of sync.
                            Dafür hab ich nun mal ein error gebaut, muss aber noch rausfinden durch was das passiert. Also wenns bei euch passiert, und ihr könnt nachstellen wie, dann immer her mit den tips.

                            Eig. sollten nach dem laden (ja da kommen ein paar), keine fehler in der konsole kommen, warnings sind okay

                            Das Verhalten hatte ich schon ein paarmal, nachstellen konnte ich es bislang auch nicht. Außer dass ich davor einige Cut- and Paste in der Split-View gemacht hab.
                            Genauso wenig wie den Fall, dass der HTML-Edit nicht bedienbar ist.

                            Ja, mir ist es gestern auch passiert, aber hab davor 100mal rumgeklickt. Nun gibt es einen error, zumindest wenn im Splitview zurückgeparst wird. Und dann kann man vlt. sagen was man vorher gemacht hat. Ich muss es halt nachstellen können.

                            Und das mit dem nicht bedienbaren Editor für den JS Code, hatte ich letztens 1mal, das scheint ein Problem innerhalb des "monaco" editors zu sein (ist der editor von vscode), muss ich aber auch weitersuchen, ist seitdem nicht mehr passiert.

                            Smilie108S Online
                            Smilie108S Online
                            Smilie108
                            schrieb am zuletzt editiert von Smilie108
                            #635

                            @jogibear9988
                            Das mit den Fehlermeldungen funktioniert 😉
                            bekomme

                            
                            Cannot getState "0_userdata.0.Wärmepumpe.Istwerte.Heizungsumwälzpumpe_color": numeric separators '_' are not allowed in numbers that start with '0' IobrokerWebuiAppShell.js:306:17
                            Uncaught (in promise) SyntaxError: numeric separators '_' are not allowed in numbers that start with '0'
                                handleValueChanged http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:535
                                applyBinding http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:460
                                promise callback*applyBinding http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:460
                                applyAllBindings http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:364
                                applyBindings http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:93
                                initialize http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:78
                                setTimeout handler*initialize http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:77
                                openScreenEditor http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:256
                                dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:203
                                promise callback*dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:201
                                dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:762
                                _callEvent http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:85
                                Wunderbaum http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:85
                                onEvent http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:11
                            9cd04ed9-98f4-454d-83f1-2da4c5b1319d:3:9
                                handleValueChanged http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:535
                                applyBinding http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:460
                                (Async: promise callback)
                                applyBinding http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:460
                                applyAllBindings http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:364
                                applyBindings http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:93
                                initialize http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:78
                                (Async: setTimeout handler)
                                initialize http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:77
                                InterpretGeneratorResume self-hosted:1465
                                AsyncFunctionNext self-hosted:852
                                (Async: async)
                                openScreenEditor http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:256
                                dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:203
                                (Async: promise callback)
                                dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:201
                                dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:762
                                _callEvent http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:85
                                Wunderbaum http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:85
                                onEvent http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:11
                            
                            

                            ​das ist aber ein string mit farbcode zb. #03ff35 und im binding zur Varibel ist nix drin
                            fdf52736-96a8-4493-bfad-ec4f53fc7ddf-grafik.png
                            9c428b2c-de79-4ee8-bbf1-40ee26bf1d78-grafik.png
                            Gut wäre auch wenn man die meldungen abschalten könnte da man nicht mehr zum ändern kommt weil er das nach unten drüberschiebt 😉

                            jogibear9988J 1 Antwort Letzte Antwort
                            0
                            • Smilie108S Smilie108

                              @jogibear9988
                              Das mit den Fehlermeldungen funktioniert 😉
                              bekomme

                              
                              Cannot getState "0_userdata.0.Wärmepumpe.Istwerte.Heizungsumwälzpumpe_color": numeric separators '_' are not allowed in numbers that start with '0' IobrokerWebuiAppShell.js:306:17
                              Uncaught (in promise) SyntaxError: numeric separators '_' are not allowed in numbers that start with '0'
                                  handleValueChanged http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:535
                                  applyBinding http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:460
                                  promise callback*applyBinding http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:460
                                  applyAllBindings http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:364
                                  applyBindings http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:93
                                  initialize http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:78
                                  setTimeout handler*initialize http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:77
                                  openScreenEditor http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:256
                                  dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:203
                                  promise callback*dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:201
                                  dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:762
                                  _callEvent http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:85
                                  Wunderbaum http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:85
                                  onEvent http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:11
                              9cd04ed9-98f4-454d-83f1-2da4c5b1319d:3:9
                                  handleValueChanged http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:535
                                  applyBinding http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:460
                                  (Async: promise callback)
                                  applyBinding http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:460
                                  applyAllBindings http://192.168.1.91:8082/webui/dist/frontend/helper/IobrokerWebuiBindingsHelper.js:364
                                  applyBindings http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:93
                                  initialize http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:78
                                  (Async: setTimeout handler)
                                  initialize http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:77
                                  InterpretGeneratorResume self-hosted:1465
                                  AsyncFunctionNext self-hosted:852
                                  (Async: async)
                                  openScreenEditor http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:256
                                  dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:203
                                  (Async: promise callback)
                                  dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:201
                                  dblclick http://192.168.1.91:8082/webui/dist/frontend/config/IobrokerWebuiSolutionExplorer.js:762
                                  _callEvent http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:85
                                  Wunderbaum http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:85
                                  onEvent http://192.168.1.91:8082/webui/node_modules/wunderbaum/dist/wunderbaum.esm.min.js:11
                              
                              

                              ​das ist aber ein string mit farbcode zb. #03ff35 und im binding zur Varibel ist nix drin
                              fdf52736-96a8-4493-bfad-ec4f53fc7ddf-grafik.png
                              9c428b2c-de79-4ee8-bbf1-40ee26bf1d78-grafik.png
                              Gut wäre auch wenn man die meldungen abschalten könnte da man nicht mehr zum ändern kommt weil er das nach unten drüberschiebt 😉

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

                              @smilie108

                              • das mit dem abschalten baue ich heute abend.

                              • zeig mal den quellcode von deinem binding

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

                              Smilie108S 1 Antwort Letzte Antwort
                              0
                              • jogibear9988J jogibear9988

                                @smilie108

                                • das mit dem abschalten baue ich heute abend.

                                • zeig mal den quellcode von deinem binding

                                Smilie108S Online
                                Smilie108S Online
                                Smilie108
                                schrieb am zuletzt editiert von
                                #637

                                @jogibear9988

                                <div draggable="false" id="UWP__Pumpe" style="width:65px;height:65px;position:absolute;left:900.2140014648437px;top:218.93400000000003px;pointer-events:auto;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" style="position:absolute;left:0.247279px;top:-0.20071px;transform-origin:25px 25px 0px;pointer-events:auto;">
                                        <g transform="rotate(25 12 12)" style="pointer-events:auto;">
                                            <path d="m11.98 9.788l-.657.981q-.521.8-.672 1.16q-.151.361-.151.79q0 .616.434 1.054q.433.439 1.066.439t1.066-.434q.434-.434.434-1.066q0-.4-.16-.79q-.161-.391-.682-1.153zm.018 8.039q-2.425 0-4.125-1.702q-1.7-1.702-1.7-4.127t1.702-4.125q1.702-1.7 4.127-1.7t4.125 1.702q1.7 1.702 1.7 4.127t-1.702 4.125q-1.702 1.7-4.127 1.7m8.502-6.558V10.5h-1.979q-.333-1.5-1.255-2.664T15.017 6H20.5v-.77h1v6.04zm-18 7.5v-6.038h1v.769h1.979q.333 1.5 1.255 2.664T8.983 18H3.5v.77z" bind-css:fill='{"signal":"0_userdata.0.Wärmepumpe.Istwerte.Heizungsumwälzpumpe_color","type":"string"}' style="fill:rgb(3, 255, 53);pointer-events:auto;"></path>
                                        </g>
                                    </svg>
                                </div>
                                das ist im wärempumpen bild ist eh auf der testmaschiene
                                
                                jogibear9988J 1 Antwort Letzte Antwort
                                0
                                • Smilie108S Smilie108

                                  @jogibear9988

                                  <div draggable="false" id="UWP__Pumpe" style="width:65px;height:65px;position:absolute;left:900.2140014648437px;top:218.93400000000003px;pointer-events:auto;">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" style="position:absolute;left:0.247279px;top:-0.20071px;transform-origin:25px 25px 0px;pointer-events:auto;">
                                          <g transform="rotate(25 12 12)" style="pointer-events:auto;">
                                              <path d="m11.98 9.788l-.657.981q-.521.8-.672 1.16q-.151.361-.151.79q0 .616.434 1.054q.433.439 1.066.439t1.066-.434q.434-.434.434-1.066q0-.4-.16-.79q-.161-.391-.682-1.153zm.018 8.039q-2.425 0-4.125-1.702q-1.7-1.702-1.7-4.127t1.702-4.125q1.702-1.7 4.127-1.7t4.125 1.702q1.7 1.702 1.7 4.127t-1.702 4.125q-1.702 1.7-4.127 1.7m8.502-6.558V10.5h-1.979q-.333-1.5-1.255-2.664T15.017 6H20.5v-.77h1v6.04zm-18 7.5v-6.038h1v.769h1.979q.333 1.5 1.255 2.664T8.983 18H3.5v.77z" bind-css:fill='{"signal":"0_userdata.0.Wärmepumpe.Istwerte.Heizungsumwälzpumpe_color","type":"string"}' style="fill:rgb(3, 255, 53);pointer-events:auto;"></path>
                                          </g>
                                      </svg>
                                  </div>
                                  das ist im wärempumpen bild ist eh auf der testmaschiene
                                  
                                  jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  schrieb am zuletzt editiert von jogibear9988
                                  #638

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

                                  @jogibear9988

                                  <div draggable="false" id="UWP__Pumpe" style="width:65px;height:65px;position:absolute;left:900.2140014648437px;top:218.93400000000003px;pointer-events:auto;">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" style="position:absolute;left:0.247279px;top:-0.20071px;transform-origin:25px 25px 0px;pointer-events:auto;">
                                          <g transform="rotate(25 12 12)" style="pointer-events:auto;">
                                              <path d="m11.98 9.788l-.657.981q-.521.8-.672 1.16q-.151.361-.151.79q0 .616.434 1.054q.433.439 1.066.439t1.066-.434q.434-.434.434-1.066q0-.4-.16-.79q-.161-.391-.682-1.153zm.018 8.039q-2.425 0-4.125-1.702q-1.7-1.702-1.7-4.127t1.702-4.125q1.702-1.7 4.127-1.7t4.125 1.702q1.7 1.702 1.7 4.127t-1.702 4.125q-1.702 1.7-4.127 1.7m8.502-6.558V10.5h-1.979q-.333-1.5-1.255-2.664T15.017 6H20.5v-.77h1v6.04zm-18 7.5v-6.038h1v.769h1.979q.333 1.5 1.255 2.664T8.983 18H3.5v.77z" bind-css:fill='{"signal":"0_userdata.0.Wärmepumpe.Istwerte.Heizungsumwälzpumpe_color","type":"string"}' style="fill:rgb(3, 255, 53);pointer-events:auto;"></path>
                                          </g>
                                      </svg>
                                  </div>
                                  das ist im wärempumpen bild ist eh auf der testmaschiene
                                  

                                  das problemamtische binding ist das:

                                    bind-css:fill="0_userdata.0.Wärmepumpe.Istwerte.Heizungsumwälzpumpe_color;0_userdata.0.Wärmepumpe.Istwerte.WQP_Laufmeldung_color"
                                  

                                  nicht das was du gezeigt hast. wenn du an 2 variablen bindest brauchst ja eh ein script, mach ein ; an das ende dann sollts gehen. Glaube das hab ich schon gefixt, das hab ich in einer alten version falsch gespeichert

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

                                    hab noch ein null check beim "string" type eingebaut. damit gibt es auch noch weniger fehler.

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

                                      Neue Komponente:

                                      @node-projects/automatic-slidershow-webcomponent

                                      damit könnt ihr verschiedene child elemente durchlaufen lassen.

                                      7c18f05e-fabb-44df-acee-23dc06bb5391-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
                                        #641

                                        hab noch ein paar buttons von ne codeproject beispiel kopiert

                                        eb5d7f59-25a1-4537-a057-1ea26528b60e-image.png

                                        screen: wooden

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

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

                                          @jogibear9988

                                          Mal wieder spezial
                                          Würde gerne in einem Popup bei dem ich die Variabel mitgebe den ts von einem auslesen bzüglich letzter änderung/ letzen empfang daten.
                                          das objekt
                                          d2ff856f-a3c9-45de-b9be-9a87ef960750-grafik.png

                                          f45b862c-31a4-4246-9984-c6db82260f9d-grafik.png

                                          und im popup kann ich ja mit . und name auf das val zugreifen
                                          bekomme ich das auch als objekt zugriff hin
                                          sowie mit var t = c:$__0 und dann das t von ts auf klartext ändern oder geht das nicht

                                          300ee037-5d75-4355-9bde-844d4e379f8f-grafik.png

                                          2b35b5d5-caf1-49bf-af15-65a154aa2b12-grafik.png

                                          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

                                          718

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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