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

donate donate
  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.8k

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

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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 351.8k Aufrufe 19 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.
  • ScroungerS Scrounger

    @jogibear9988
    Kann ich irgendwie per Javascript prüfen ob ich im Designer oder runtime bin?

    Wie bzw wo kann man globale Skripte anlegen - unter 'global/script' geht kein Fenster auf?

    Wie kann ich im globalen Script auf die Dom lemente zu greifen?

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

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

    @jogibear9988
    Kann ich irgendwie per Javascript prüfen ob ich im Designer oder runtime bin?
    --> im moment nicht, wozu brauchst das?

    Wie bzw wo kann man globale Skripte anlegen - unter 'global/script' geht kein Fenster auf?
    --> ist noch nicht umgesetzt, hab ich mal voreillig reingebaut

    Wie kann ich im globalen Script auf die Dom lemente zu greifen?
    --> wozu aus einem globalen script, dafür sind die scripte der views. Du kannst das schon dann musst aber die ganzen elemente & shadowdoms durchlaufen

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

      Im designer könnt ihr nun fenster in ein extra browser fenster "abdocken":

      c5df5255-6b3e-412e-acca-299810f92fd5-image.png

      Braucht bestimmt noch bisschen feinschliff, aber vlt. kann es ja schon jemand gebrauchen

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

      Smilie108S 1 Antwort Letzte Antwort
      0
      • jogibear9988J jogibear9988

        Im designer könnt ihr nun fenster in ein extra browser fenster "abdocken":

        c5df5255-6b3e-412e-acca-299810f92fd5-image.png

        Braucht bestimmt noch bisschen feinschliff, aber vlt. kann es ja schon jemand gebrauchen

        Smilie108S Offline
        Smilie108S Offline
        Smilie108
        schrieb am zuletzt editiert von
        #767

        @jogibear9988
        Bei mir kommt wenn ich das mache
        Error occured, check console
        NotFoundError: Node.removeChild: The node to be removed is not a child of this node und ein leeres fenster ;)

        jogibear9988J 2 Antworten Letzte Antwort
        0
        • Smilie108S Smilie108

          @jogibear9988
          Bei mir kommt wenn ich das mache
          Error occured, check console
          NotFoundError: Node.removeChild: The node to be removed is not a child of this node und ein leeres fenster ;)

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

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

          @jogibear9988
          Bei mir kommt wenn ich das mache
          Error occured, check console
          NotFoundError: Node.removeChild: The node to be removed is not a child of this node und ein leeres fenster ;)

          ein fehler kommt bei mir auch noch, nach dem schaue ich noch,
          aber das abdocken geht:

          936463e1-5b54-49cd-88d6-14de5bde673c-image.png

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

          1 Antwort Letzte Antwort
          0
          • Smilie108S Smilie108

            @jogibear9988
            Bei mir kommt wenn ich das mache
            Error occured, check console
            NotFoundError: Node.removeChild: The node to be removed is not a child of this node und ein leeres fenster ;)

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

            @smilie108

            welcher browser? firefox geht bei mir auch nicht ;-). chrome & safari läuft

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

            jogibear9988J 1 Antwort Letzte Antwort
            0
            • jogibear9988J jogibear9988

              @smilie108

              welcher browser? firefox geht bei mir auch nicht ;-). chrome & safari läuft

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

              @jogibear9988

              in firefox ist das wohl ein bug:

              https://bugzilla.mozilla.org/show_bug.cgi?id=1712007
              https://bugzilla.mozilla.org/show_bug.cgi?id=1502814

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

              Smilie108S 1 Antwort Letzte Antwort
              0
              • jogibear9988J jogibear9988

                @jogibear9988

                in firefox ist das wohl ein bug:

                https://bugzilla.mozilla.org/show_bug.cgi?id=1712007
                https://bugzilla.mozilla.org/show_bug.cgi?id=1502814

                Smilie108S Offline
                Smilie108S Offline
                Smilie108
                schrieb am zuletzt editiert von
                #771

                @jogibear9988 jop arbeite nur mit firefox chrom mag ich nicht kommt von google sorry ;) und safari is mac mag ich auc nicht ist apple sorry ;)

                jogibear9988J 2 Antworten Letzte Antwort
                0
                • Smilie108S Smilie108

                  @jogibear9988 jop arbeite nur mit firefox chrom mag ich nicht kommt von google sorry ;) und safari is mac mag ich auc nicht ist apple sorry ;)

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

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

                  @jogibear9988 jop arbeite nur mit firefox chrom mag ich nicht kommt von google sorry ;) und safari is mac mag ich auc nicht ist apple sorry ;)

                  ja, das feature ist leider in firefox so nicht nutzbar... vlt. wird der bug ja irgendwann gefixt.

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

                  1 Antwort Letzte Antwort
                  0
                  • Smilie108S Smilie108

                    @jogibear9988 jop arbeite nur mit firefox chrom mag ich nicht kommt von google sorry ;) und safari is mac mag ich auc nicht ist apple sorry ;)

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

                    @smilie108

                    auch firefox arbeitet heftig mit google zusammen, sonst hätten die so gut wie kein geld ;-)
                    Hat schon gründe warum google dort die default suche ist. Und es gibt ja noch andere "chromium" browser, ohne das ganzen google tracking. Aber firefox ist ebn lichtjahre hinterher (und auch um welten langsamer)

                    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

                      auch firefox arbeitet heftig mit google zusammen, sonst hätten die so gut wie kein geld ;-)
                      Hat schon gründe warum google dort die default suche ist. Und es gibt ja noch andere "chromium" browser, ohne das ganzen google tracking. Aber firefox ist ebn lichtjahre hinterher (und auch um welten langsamer)

                      Smilie108S Offline
                      Smilie108S Offline
                      Smilie108
                      schrieb am zuletzt editiert von
                      #774

                      @jogibear9988 jap das mag sein aber ich bin in der beziehung etwas naja "stur" habe mir firefox so eingerichtet das es auf allen rechnern und allen pc die ich verwende gelich ist und sich auch gegenseitig updated wenn ich was änder das ganze zu übersiedeln oder überhaupt 2gleisig zu machen ist ein heiden aufwand und bin bis jetzt mit firefox eigentlich immer sehr gut unterwegs gewesen.
                      Wie soll ich das sagen bin halt eingefahren naja dann is es halt so wenn ich das fenster normal undock mache dann geht es ja auch ;) ( ohne den Menuepunkt ;)

                      1 Antwort Letzte Antwort
                      1
                      • jogibear9988J Offline
                        jogibear9988J Offline
                        jogibear9988
                        schrieb am zuletzt editiert von
                        #775

                        So, hab mal wieder ein bisschen was gemacht.

                        Das Text Edit Werkzeug sollte nun gehn (ja kann im moment nur Fett/Kursiv/Italic), aber da kann man nun leicht mehr einbauen. Vorher war es fast nicht nutzbar.

                        Auch texte editieren durch Doppelklick sollte nun besser Funktionieren.

                        Und sonst wie immer, hier und da ein kleiner fix. Bspw. werden gedrehte Container nun richtig ausgegraut...

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

                        Smilie108S 1 Antwort Letzte Antwort
                        2
                        • jogibear9988J jogibear9988

                          So, hab mal wieder ein bisschen was gemacht.

                          Das Text Edit Werkzeug sollte nun gehn (ja kann im moment nur Fett/Kursiv/Italic), aber da kann man nun leicht mehr einbauen. Vorher war es fast nicht nutzbar.

                          Auch texte editieren durch Doppelklick sollte nun besser Funktionieren.

                          Und sonst wie immer, hier und da ein kleiner fix. Bspw. werden gedrehte Container nun richtig ausgegraut...

                          Smilie108S Offline
                          Smilie108S Offline
                          Smilie108
                          schrieb am zuletzt editiert von
                          #776

                          @jogibear9988 Danke für deinen einsatz

                          1 Antwort Letzte Antwort
                          0
                          • B Offline
                            B Offline
                            Blockmove
                            schrieb am zuletzt editiert von
                            #777

                            Hallo Jochen,

                            als ich mir gerade das Text-Edit Werkzeug angeschaut hab, ist mir ne Kleinigkeit aufgefallen:

                            <span style="position:absolute;left:454px;top:248.3333282470703px;">test</span>
                            

                            13 Kommastellen für ne Position sind etwas viel 😉
                            Wenn ich es noch recht im Kopf hab, wolltest du da mal was einbauen.

                            VG
                            Dieter

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

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

                              @blockmove

                              jo, hab ich noch nicht... :-)
                              noch keine Zeit

                              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 jogibear9988
                                #779

                                So, im designer sample hab ich schon mal das runden eingebaut:
                                https://node-projects.github.io/web-component-designer-demo/index.html
                                in webui kommt es wahrscheinlich morgen, baue gerade noch was größeres um, bzw. ziehe teile vom code in den designer um...

                                32b8d5f1-2a56-4968-a61d-c09b20cb4f8a-image.png

                                -1 => nicht runden, größere zahl => auf diese anzahl kommastellen runden

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

                                1 Antwort Letzte Antwort
                                1
                                • jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  schrieb am zuletzt editiert von
                                  #780

                                  so, lange hats gedauert...

                                  es gibt mal wieder eine neue version. Neu ist das setzen der rundung für die Pixelkoordinaten.
                                  Auch im splitview hab ich einiges gefixt, dort ist es oft passiert das die position im text nicht zur selektion gepasst hat, das sollte nun stimmen.

                                  Bit melden wenn was kaputt ist. Ich hab einiges an code aus der webui in den designer gezogen, weil ich ihn wo anders wiederverwenden muss, daher könnte dabei was kaputt gegangen sein.

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

                                  Smilie108S 1 Antwort Letzte Antwort
                                  1
                                  • jogibear9988J jogibear9988

                                    so, lange hats gedauert...

                                    es gibt mal wieder eine neue version. Neu ist das setzen der rundung für die Pixelkoordinaten.
                                    Auch im splitview hab ich einiges gefixt, dort ist es oft passiert das die position im text nicht zur selektion gepasst hat, das sollte nun stimmen.

                                    Bit melden wenn was kaputt ist. Ich hab einiges an code aus der webui in den designer gezogen, weil ich ihn wo anders wiederverwenden muss, daher könnte dabei was kaputt gegangen sein.

                                    Smilie108S Offline
                                    Smilie108S Offline
                                    Smilie108
                                    schrieb am zuletzt editiert von
                                    #781

                                    @jogibear9988 Danke für alles ;) Derzeit etwas stressig bei der Arbeit deshalb nicht soviel online und nicht soviel beim testen ;) aber es kommen auch wieder andere zeiten ist ja schon viel passiert würde ich sagen und inzwischen echt schön angenehm damit zu arbeiten ;) DANKE nochmal

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

                                      Als nächstes werde ich mich mal an die Zeichentools machen.
                                      Die sind komplett kaputt, und soviel duplizierter code...

                                      Die mach ich jetzt mal frisch

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

                                      Smilie108S 1 Antwort Letzte Antwort
                                      0
                                      • jogibear9988J jogibear9988

                                        Als nächstes werde ich mich mal an die Zeichentools machen.
                                        Die sind komplett kaputt, und soviel duplizierter code...

                                        Die mach ich jetzt mal frisch

                                        Smilie108S Offline
                                        Smilie108S Offline
                                        Smilie108
                                        schrieb am zuletzt editiert von
                                        #783

                                        @jogibear9988 Hi nur mal so am rande kann man ohne viel aufwand eigentlich auch einen export der gesammten screens machen ? muss demnächst auf einen neuen nuc umziehen und anstatt alle screens einzeln zu exportieren und danach die Verzeichnissstrucktur wieder zu bauen wegen import wäre es am einfachsten das ganze zu exportieren oder ?

                                        jogibear9988J 1 Antwort Letzte Antwort
                                        0
                                        • B Offline
                                          B Offline
                                          Blockmove
                                          schrieb am zuletzt editiert von
                                          #784

                                          @jogibear9988

                                          Hallo Jochen,
                                          hab gerade die neue Version installiert und werd mal diese Tage testen.

                                          Ne andere Frage:
                                          In deinen Youtube-Tutorial zum Erstellen von User-Controls verwendest du die Syntax [[?this.xxx]] beim Zugriff auf Properties.
                                          Ist das eigentlich noch aktuell?
                                          Ich hab's zumindest in der Form noch nie gebraucht

                                          Vielen Dank für die neue Version und Viele Grüße
                                          Dieter

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

                                          jogibear9988J 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

                                          906

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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