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.
  • Smilie108S Offline
    Smilie108S Offline
    Smilie108
    wrote on last edited by
    #593

    @jogibear9988
    kannst du bitte mal schauen am testserver unter smilie108 hab ich dir einen screen reingeladen
    Der schaut im editor und im split anders aus als dann im preview/live
    bin aber noch nicht dahitergekommen warum
    ist das irgendein bug ?
    Passiert ist das ganze als ich die eg wc temperatur kopiert und quasi die og bad temperatur hinzugefügt habe

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

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

      @jogibear9988
      kannst du bitte mal schauen am testserver unter smilie108 hab ich dir einen screen reingeladen
      Der schaut im editor und im split anders aus als dann im preview/live
      bin aber noch nicht dahitergekommen warum
      ist das irgendein bug ?
      Passiert ist das ganze als ich die eg wc temperatur kopiert und quasi die og bad temperatur hinzugefügt habe

      1.) Wenn ich dein screen im quelltext sehe, ich sollte dringend eine rundung für pixel werte einbauen. Nutzt du einen MAC mit touchpad?
      2.) Das Element mit dem Inhalt "EG WC Temperatur" gibt es z.B. 3 mal
      3.) du hast "SPAN" elemente direkt in SVGs und "RECT" elemente außerhalb von SVGs. Das darf nicht sein. Der Designer nutzt einen anderen HTML Parser (einen eigenen) um manche Informationen nicht zu verlieren. Das macht mit diesen Fehlern aber wohl einen Unterschied.

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

      Smilie108S 1 Reply Last reply
      0
      • jogibear9988J jogibear9988

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

        @jogibear9988
        kannst du bitte mal schauen am testserver unter smilie108 hab ich dir einen screen reingeladen
        Der schaut im editor und im split anders aus als dann im preview/live
        bin aber noch nicht dahitergekommen warum
        ist das irgendein bug ?
        Passiert ist das ganze als ich die eg wc temperatur kopiert und quasi die og bad temperatur hinzugefügt habe

        1.) Wenn ich dein screen im quelltext sehe, ich sollte dringend eine rundung für pixel werte einbauen. Nutzt du einen MAC mit touchpad?
        2.) Das Element mit dem Inhalt "EG WC Temperatur" gibt es z.B. 3 mal
        3.) du hast "SPAN" elemente direkt in SVGs und "RECT" elemente außerhalb von SVGs. Das darf nicht sein. Der Designer nutzt einen anderen HTML Parser (einen eigenen) um manche Informationen nicht zu verlieren. Das macht mit diesen Fehlern aber wohl einen Unterschied.

        Smilie108S Offline
        Smilie108S Offline
        Smilie108
        wrote on last edited by Smilie108
        #595

        @jogibear9988
        nope einen acer 😉 mag apple nicht
        zu 2 das muss ich schauen ist mir nicht aufgefallen
        mhm habe das nur per drag and drop gezeichnet 😉 ok muss ich auch schauen
        Danke für die info werd das mal überarbeiten im code
        das mit den rundungen wäre sicher nicht schlecht

        jogibear9988J 1 Reply Last reply
        0
        • Smilie108S Smilie108

          @jogibear9988
          kannst du bitte mal schauen am testserver unter smilie108 hab ich dir einen screen reingeladen
          Der schaut im editor und im split anders aus als dann im preview/live
          bin aber noch nicht dahitergekommen warum
          ist das irgendein bug ?
          Passiert ist das ganze als ich die eg wc temperatur kopiert und quasi die og bad temperatur hinzugefügt habe

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

          @smilie108

          wie hast du das denn so zusammenkopiert? Das ist völlig vermurkstes HTML

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

          Smilie108S 1 Reply Last reply
          0
          • Smilie108S Smilie108

            @jogibear9988
            nope einen acer 😉 mag apple nicht
            zu 2 das muss ich schauen ist mir nicht aufgefallen
            mhm habe das nur per drag and drop gezeichnet 😉 ok muss ich auch schauen
            Danke für die info werd das mal überarbeiten im code
            das mit den rundungen wäre sicher nicht schlecht

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

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

            @jogibear9988
            nope einen acer 😉 mag apple nicht
            zu 2 das muss ich schauen ist mir nicht aufgefallen
            mhm habe das nur per drag and drop gezeichnet 😉 ok muss ich auch schauen
            Danke für die info werd das mal überarbeiten im code

            okay, musst mir sagen was genau machst, das sollte nicht passieren, kann schon sein das da noch was falsch ist

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

            1 Reply Last reply
            0
            • jogibear9988J jogibear9988

              @smilie108

              wie hast du das denn so zusammenkopiert? Das ist völlig vermurkstes HTML

              Smilie108S Offline
              Smilie108S Offline
              Smilie108
              wrote on last edited by Smilie108
              #598

              @jogibear9988
              einfach fenster aufziehen und strg-c und strg-v im desinger
              dann das ganze nehmen mit maus und verschieben

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

                Die Zeichenfunktionen sind sicher noch am unstabilsten, die nutze Ich so gut wie nie

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

                Smilie108S 1 Reply Last reply
                0
                • jogibear9988J jogibear9988

                  Die Zeichenfunktionen sind sicher noch am unstabilsten, die nutze Ich so gut wie nie

                  Smilie108S Offline
                  Smilie108S Offline
                  Smilie108
                  wrote on last edited by
                  #600

                  @jogibear9988
                  so ganz klein ist das Projekt jetzt nicht mehr habe inzwischen 19 screens plus ein paar popups 😉

                  jogibear9988J 1 Reply Last reply
                  0
                  • Smilie108S Smilie108

                    @jogibear9988
                    so ganz klein ist das Projekt jetzt nicht mehr habe inzwischen 19 screens plus ein paar popups 😉

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

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

                    @jogibear9988
                    so ganz klein ist das Projekt jetzt nicht mehr habe inzwischen 19 screens plus ein paar popups 😉

                    schau mal rein, wenn man die spans in den svgs und die rects außerhalb entfernt siehts gut aus

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

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

                      Ihr müsst ab und an mal den Quelltext kontrollieren.
                      Da könnte schon noch der ein oder andere Bug sein. Und wenn man es nachstellen kann, wenn wie etwas kaputt geht, dann kann ich es fixen. So im Nachhinein ist das so gut wie nicht rauszufinden.

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

                      1 Reply Last reply
                      0
                      • jogibear9988J jogibear9988

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

                        @jogibear9988
                        so ganz klein ist das Projekt jetzt nicht mehr habe inzwischen 19 screens plus ein paar popups 😉

                        schau mal rein, wenn man die spans in den svgs und die rects außerhalb entfernt siehts gut aus

                        Smilie108S Offline
                        Smilie108S Offline
                        Smilie108
                        wrote on last edited by
                        #603

                        @jogibear9988
                        grad geschaut
                        ja sieht gut aus aber zb ganz unten im code das habe ich schon öfter bemerkt gibt es das rec jetzt zb 8x ( zeile 297)

                        jogibear9988J 2 Replies Last reply
                        0
                        • Smilie108S Smilie108

                          @jogibear9988
                          grad geschaut
                          ja sieht gut aus aber zb ganz unten im code das habe ich schon öfter bemerkt gibt es das rec jetzt zb 8x ( zeile 297)

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

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

                          @jogibear9988
                          grad geschaut
                          ja sieht gut aus aber zb ganz unten im code das habe ich schon öfter bemerkt gibt es das rec jetzt zb 8x ( zeile 297)

                          Ja, vlt kannst du ja an einem einfachen beispiel nachstellen wie das passiert, dann kann ich das fixen

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

                          1 Reply Last reply
                          1
                          • Smilie108S Smilie108

                            @jogibear9988
                            grad geschaut
                            ja sieht gut aus aber zb ganz unten im code das habe ich schon öfter bemerkt gibt es das rec jetzt zb 8x ( zeile 297)

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

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

                            @jogibear9988
                            grad geschaut
                            ja sieht gut aus aber zb ganz unten im code das habe ich schon öfter bemerkt gibt es das rec jetzt zb 8x ( zeile 297)

                            Und vlt. kannst ja mal Screenshots deiner webUi hier posten (https://forum.iobroker.net/topic/72159/zeigt-her-eure-webui-visualisierung), dann kann man mal zeigen was damit möglich ist.

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

                            Smilie108S 1 Reply Last reply
                            1
                            • jogibear9988J jogibear9988

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

                              @jogibear9988
                              grad geschaut
                              ja sieht gut aus aber zb ganz unten im code das habe ich schon öfter bemerkt gibt es das rec jetzt zb 8x ( zeile 297)

                              Und vlt. kannst ja mal Screenshots deiner webUi hier posten (https://forum.iobroker.net/topic/72159/zeigt-her-eure-webui-visualisierung), dann kann man mal zeigen was damit möglich ist.

                              Smilie108S Offline
                              Smilie108S Offline
                              Smilie108
                              wrote on last edited by
                              #606

                              @jogibear9988 wenn ich die seite wieder richtig habe gerne 😉

                              jogibear9988J 1 Reply Last reply
                              0
                              • Smilie108S Smilie108

                                @jogibear9988 wenn ich die seite wieder richtig habe gerne 😉

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

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

                                @jogibear9988 wenn ich die seite wieder richtig habe gerne 😉

                                ich hab sie doch schon gefixt auf dem server 🙂

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

                                Smilie108S 1 Reply Last reply
                                1
                                • jogibear9988J jogibear9988

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

                                  @jogibear9988 wenn ich die seite wieder richtig habe gerne 😉

                                  ich hab sie doch schon gefixt auf dem server 🙂

                                  Smilie108S Offline
                                  Smilie108S Offline
                                  Smilie108
                                  wrote on last edited by
                                  #608

                                  @jogibear9988
                                  japp möchte aber grad noch ein paar Komentare im code einfügen
                                  <!-- Aktueller Tag --> zb dann finde ich selber die sachen schneller wieder bei sovielen zeilen wird das etwas unübersichtlich

                                  jogibear9988J B 3 Replies Last reply
                                  0
                                  • Smilie108S Smilie108

                                    @jogibear9988
                                    japp möchte aber grad noch ein paar Komentare im code einfügen
                                    <!-- Aktueller Tag --> zb dann finde ich selber die sachen schneller wieder bei sovielen zeilen wird das etwas unübersichtlich

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

                                    @smilie108

                                    wrap dir doch das zusammenghörige in div's.
                                    Einfach mehrere elemente mit "shift" anklicken, und dann rechte maustaste, "wrap in -> div"

                                    Am besten klicks du auch auf die SVGs mit deinen rechtecken (nicht auf das rect element selbst), und sagst "to back" dann kannst deine textblöcke usw. wieder anklicken: d3a75a7c-c4a8-4ef2-a392-ddf30883a679-image.png
                                    weil die dann nicht mehr dahinter sitzen.

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

                                    1 Reply Last reply
                                    0
                                    • Smilie108S Smilie108

                                      @jogibear9988
                                      japp möchte aber grad noch ein paar Komentare im code einfügen
                                      <!-- Aktueller Tag --> zb dann finde ich selber die sachen schneller wieder bei sovielen zeilen wird das etwas unübersichtlich

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

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

                                      @jogibear9988
                                      japp möchte aber grad noch ein paar Komentare im code einfügen
                                      <!-- Aktueller Tag --> zb dann finde ich selber die sachen schneller wieder bei sovielen zeilen wird das etwas unübersichtlich

                                      Du kannst ja auch Teile wie z.B. deine Werteanzeigen (OG Bad Temperatur) in eigene SubScreens auslagern.
                                      Macht die Sache gleich modularer übersichtlicher. Es muss ja nicht immer ein eigenes Control sein.

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

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

                                        Achso, wisst ihr eigentlich:

                                        • Wenn elemente übereinander liegen, mit Alt+Klick erreicht Ihr die darunter? (Oder Rechtsklick, items below)
                                        • 2f7b0661-54b6-4bba-aa92-056587c41163-image.png damit könnt Ihr, Items sperren, dann kann man nicht auf sie klicken, Items ausblenden oder Items zur Runtime Zeit ausblenden?

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

                                        1 Reply Last reply
                                        0
                                        • B Blockmove

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

                                          @jogibear9988
                                          japp möchte aber grad noch ein paar Komentare im code einfügen
                                          <!-- Aktueller Tag --> zb dann finde ich selber die sachen schneller wieder bei sovielen zeilen wird das etwas unübersichtlich

                                          Du kannst ja auch Teile wie z.B. deine Werteanzeigen (OG Bad Temperatur) in eigene SubScreens auslagern.
                                          Macht die Sache gleich modularer übersichtlicher. Es muss ja nicht immer ein eigenes Control sein.

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

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

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

                                          @jogibear9988
                                          japp möchte aber grad noch ein paar Komentare im code einfügen
                                          <!-- Aktueller Tag --> zb dann finde ich selber die sachen schneller wieder bei sovielen zeilen wird das etwas unübersichtlich

                                          Du kannst ja auch Teile wie z.B. deine Werteanzeigen (OG Bad Temperatur) in eigene SubScreens auslagern.
                                          Macht die Sache gleich modularer übersichtlicher. Es muss ja nicht immer ein eigenes Control sein.

                                          Zumindest würde ich z.b. unten die Controls in 5 Divs packen ce469509-7610-450e-be4e-3d4bf5a69590-image.png
                                          Und diese dann wieder in ein div welches ein CSS grid mit 2 Zeilen und 4 Spalten enthält.

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

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

                                          Smilie108S B 2 Replies 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

                                          322

                                          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