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

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

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

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

Scheduled Pinned Locked Moved Visualisierung
1.1k Posts 21 Posters 347.9k 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 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
                                        • jogibear9988J jogibear9988

                                          @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

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

                                          @jogibear9988
                                          So hab mal die screenshot raufgeladen

                                          jogibear9988J 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          384

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          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