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

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

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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 349.8k 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 Offline
    jogibear9988J Offline
    jogibear9988
    schrieb am zuletzt editiert von jogibear9988
    #530

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

    https://github.com/gero1992/side-menu

    2 Probleme:

    • du musst das als NPM Paket hinzufügen: "@maksu/side-menu", da er aber eine alter version von lit-element nutzt, und aber eine neue version von lit-html installiert sein kann, gibts bei mir z.b. probleme, daher muss ich auch das npm paket "lit-element@latest" hinzufügen.
    • da er im NPM Paket nur auf "side-menu.js" verweist, muss man "side-menu-item.js" selber importieren. Das sollte er im Paket am besten fixen. (issue dazu: https://github.com/gero1992/side-menu/issues/2 (upvoten))

    e4fbccec-e9ad-4ea0-bb39-acfb1404ff1e-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 sagte in neue Visualisierung "webui" (alternative zu vis):

      hi jochen
      Habe mich inzwischen mit der mittleren variate angefreundet dann kannst du eh sogut wie alles machen ( mit namen muss mann halt ein wenig erfinderisch sein ;) )
      mir langt das weis jetzt nicht ob das andere notwendig ist.

      Das was mir noch kopfzerbrechen macht aber ich glaube ich fange da mal wieder falsch an ist das ich zb einen navigationstree erstellen wollte ( eigene seite) und dann in dieser javascript verwenden wollte. ( Standart kopiert) das geht aber garnicht.

      z.b.
      https://github.com/gero1992/side-menu
      oder zb.:
      https://www.w3schools.com/howto/howto_js_treeview.asp

      aber da ich auch sonst noch genug zu tun habe habe ich das nach hinten verschoben ;)

      MFG und DANKE bis jeztt geht das eht inzwischen richtig gut wenn man mal etwas sich reingefuchst hat ;)

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

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

      Habe mich inzwischen mit der mittleren variate angefreundet dann kannst du eh sogut wie alles machen ( mit namen muss mann halt ein wenig erfinderisch sein ;) )
      mir langt das weis jetzt nicht ob das andere notwendig ist.

      Ich schließ mich da an.

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

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

        Hallo Jochen,

        ich habe gerade etwas "entdeckt".

        Ich habe bei mir einige Screens in einen Ordner "subscreen" verschoben.
        Will ich nun in der Splitview den Ordnernamen ändern, so wird die Änderung nicht übernommen.
        subscreen1.png
        In der Property wird Namen des Unterordners nicht übernommen.

        Wenn ich den Screename direkt in der Property ändere, dann funktioniert es.
        subscreen2.png

        Version: 1.0.19

        VG
        Dieter

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

        jogibear9988J 1 Antwort Letzte Antwort
        0
        • H Nicht stören
          H Nicht stören
          Hansi1234
          schrieb am zuletzt editiert von
          #533

          Hi, ich konnte jetzt auf die schnelle nichts finden.
          Gibt es in webui so etwas wie ein circle Menü?
          Fhem hat sowas zb
          link

          jogibear9988J 1 Antwort Letzte Antwort
          0
          • B Blockmove

            Hallo Jochen,

            ich habe gerade etwas "entdeckt".

            Ich habe bei mir einige Screens in einen Ordner "subscreen" verschoben.
            Will ich nun in der Splitview den Ordnernamen ändern, so wird die Änderung nicht übernommen.
            subscreen1.png
            In der Property wird Namen des Unterordners nicht übernommen.

            Wenn ich den Screename direkt in der Property ändere, dann funktioniert es.
            subscreen2.png

            Version: 1.0.19

            VG
            Dieter

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

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

            Hallo Jochen,

            ich habe gerade etwas "entdeckt".

            Ich habe bei mir einige Screens in einen Ordner "subscreen" verschoben.
            Will ich nun in der Splitview den Ordnernamen ändern, so wird die Änderung nicht übernommen.
            subscreen1.png
            In der Property wird Namen des Unterordners nicht übernommen.

            Wenn ich den Screename direkt in der Property ändere, dann funktioniert es.
            subscreen2.png

            Version: 1.0.19

            VG
            Dieter

            sollte gefixt sein, kamm durch mein umbau das man auch im split view im text elemente selektieren kann

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

            1 Antwort Letzte Antwort
            0
            • H Hansi1234

              Hi, ich konnte jetzt auf die schnelle nichts finden.
              Gibt es in webui so etwas wie ein circle Menü?
              Fhem hat sowas zb
              link

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

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

              Hi, ich konnte jetzt auf die schnelle nichts finden.
              Gibt es in webui so etwas wie ein circle Menü?
              Fhem hat sowas zb
              link

              bspw: https://www.fabiovitali.it/radial/

              hab auch noch das gefunden: https://github.com/mmontoya/radial-menu
              ist ne webcomponente, geht aber gerade nicht, stencil erzeugt keinen code den man direkt als esm im browser importieren kann

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

                Screen "radialmenu" im testserver

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

                H 1 Antwort Letzte Antwort
                1
                • jogibear9988J jogibear9988

                  Screen "radialmenu" im testserver

                  H Nicht stören
                  H Nicht stören
                  Hansi1234
                  schrieb am zuletzt editiert von
                  #537

                  @jogibear9988 puh, ich muss hier Mal mein Dank für deine erbrachte Arbeit da lassen. Vielen Dank!!! 😊

                  1 Antwort Letzte Antwort
                  1
                  • Smilie108S Offline
                    Smilie108S Offline
                    Smilie108
                    schrieb am zuletzt editiert von Smilie108
                    #538

                    @jogibear9988
                    Verständnissfrage
                    wenn ich Screenshot 2024-01-20 062324.png
                    Dann ist alles ok mit wert übertragung

                    Wenn ich aber
                    676039e9-2dcd-4848-bf5d-3fd80c6c13d0-grafik.png
                    mache dann löscht er beim speichern das two way binding
                    ist das ein bug ?
                    nach dem speichern und wieder öffen sieht es dann so aus
                    ec522054-594a-4266-9321-2a2695e59bc2-grafik.png

                    B jogibear9988J 2 Antworten Letzte Antwort
                    0
                    • Smilie108S Smilie108

                      @jogibear9988
                      Verständnissfrage
                      wenn ich Screenshot 2024-01-20 062324.png
                      Dann ist alles ok mit wert übertragung

                      Wenn ich aber
                      676039e9-2dcd-4848-bf5d-3fd80c6c13d0-grafik.png
                      mache dann löscht er beim speichern das two way binding
                      ist das ein bug ?
                      nach dem speichern und wieder öffen sieht es dann so aus
                      ec522054-594a-4266-9321-2a2695e59bc2-grafik.png

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

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

                      @jogibear9988
                      Verständnissfrage

                      Wenn ich aber
                      676039e9-2dcd-4848-bf5d-3fd80c6c13d0-grafik.png
                      mache dann löscht er beim speichern das two way binding
                      ist das ein bug ?

                      Das Verhalten hab ich auch, allerdings nur wenn type ignore gewählt ist.
                      Wähle ich type number funktioniert das twoway-Binding.
                      Wenn du type ignore nimmst, dann bekommst du im ioBroker-Protokoll auch die Meldung 'State value to set for "0_userdata.0.Test.stateZahl" has to be type "number" but received type "string" '.

                      @jogibear9988
                      Vielleicht wäre es sinnvoll default das twoway-Bindung deaktiviert zu lassen und wenn man es anwählt muss zuätzlich der Typ gewählt werden.

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

                      jogibear9988J 1 Antwort Letzte Antwort
                      0
                      • Smilie108S Smilie108

                        @jogibear9988
                        Verständnissfrage
                        wenn ich Screenshot 2024-01-20 062324.png
                        Dann ist alles ok mit wert übertragung

                        Wenn ich aber
                        676039e9-2dcd-4848-bf5d-3fd80c6c13d0-grafik.png
                        mache dann löscht er beim speichern das two way binding
                        ist das ein bug ?
                        nach dem speichern und wieder öffen sieht es dann so aus
                        ec522054-594a-4266-9321-2a2695e59bc2-grafik.png

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

                        @smilie108

                        ist schon ein bug, aber ist es das was du willst? Wenn es gelesen wird fügst du °C hinzu, wenn nu was eingegeben wird, willst du das °C nicht wegschneiden?

                        Ich fixe es aber

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

                        Smilie108S 1 Antwort Letzte Antwort
                        0
                        • B Blockmove

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

                          @jogibear9988
                          Verständnissfrage

                          Wenn ich aber
                          676039e9-2dcd-4848-bf5d-3fd80c6c13d0-grafik.png
                          mache dann löscht er beim speichern das two way binding
                          ist das ein bug ?

                          Das Verhalten hab ich auch, allerdings nur wenn type ignore gewählt ist.
                          Wähle ich type number funktioniert das twoway-Binding.
                          Wenn du type ignore nimmst, dann bekommst du im ioBroker-Protokoll auch die Meldung 'State value to set for "0_userdata.0.Test.stateZahl" has to be type "number" but received type "string" '.

                          @jogibear9988
                          Vielleicht wäre es sinnvoll default das twoway-Bindung deaktiviert zu lassen und wenn man es anwählt muss zuätzlich der Typ gewählt werden.

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

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

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

                          @jogibear9988
                          Verständnissfrage

                          Wenn ich aber
                          676039e9-2dcd-4848-bf5d-3fd80c6c13d0-grafik.png
                          mache dann löscht er beim speichern das two way binding
                          ist das ein bug ?

                          Das Verhalten hab ich auch, allerdings nur wenn type ignore gewählt ist.
                          Wähle ich type number funktioniert das twoway-Binding.
                          Wenn du type ignore nimmst, dann bekommst du im ioBroker-Protokoll auch die Meldung 'State value to set for "0_userdata.0.Test.stateZahl" has to be type "number" but received type "string" '.

                          @jogibear9988
                          Vielleicht wäre es sinnvoll default das twoway-Bindung deaktiviert zu lassen und wenn man es anwählt muss zuätzlich der Typ gewählt werden.

                          nö wieso, der typ ist ja oft egal

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

                          B 1 Antwort Letzte Antwort
                          0
                          • jogibear9988J jogibear9988

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

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

                            @jogibear9988
                            Verständnissfrage

                            Wenn ich aber
                            676039e9-2dcd-4848-bf5d-3fd80c6c13d0-grafik.png
                            mache dann löscht er beim speichern das two way binding
                            ist das ein bug ?

                            Das Verhalten hab ich auch, allerdings nur wenn type ignore gewählt ist.
                            Wähle ich type number funktioniert das twoway-Binding.
                            Wenn du type ignore nimmst, dann bekommst du im ioBroker-Protokoll auch die Meldung 'State value to set for "0_userdata.0.Test.stateZahl" has to be type "number" but received type "string" '.

                            @jogibear9988
                            Vielleicht wäre es sinnvoll default das twoway-Bindung deaktiviert zu lassen und wenn man es anwählt muss zuätzlich der Typ gewählt werden.

                            nö wieso, der typ ist ja oft egal

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

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

                            Vielleicht wäre es sinnvoll default das twoway-Bindung deaktiviert zu lassen und wenn man es anwählt muss zuätzlich der Typ gewählt werden.

                            nö wieso, der typ ist ja oft egal

                            Naja, da schlägt der SPS'ler in mir durch. Ich hab halt einfach gern Typsicherheit. :blush:

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

                            1 Antwort Letzte Antwort
                            0
                            • jogibear9988J jogibear9988

                              @smilie108

                              ist schon ein bug, aber ist es das was du willst? Wenn es gelesen wird fügst du °C hinzu, wenn nu was eingegeben wird, willst du das °C nicht wegschneiden?

                              Ich fixe es aber

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

                              @jogibear9988
                              eigentlich schon reture als zahl nur wie das wegschneiden wieder geht bi ich noch nicht dahinter gekommen

                              B Smilie108S 2 Antworten Letzte Antwort
                              0
                              • Smilie108S Smilie108

                                @jogibear9988
                                eigentlich schon reture als zahl nur wie das wegschneiden wieder geht bi ich noch nicht dahinter gekommen

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

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

                                @jogibear9988
                                eigentlich schon reture als zahl nur wie das wegschneiden wieder geht bi ich noch nicht dahinter gekommen

                                Wenn du nen Typ angibst brauchst du nix wegschneiden

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

                                1 Antwort Letzte Antwort
                                1
                                • Smilie108S Smilie108

                                  @jogibear9988
                                  eigentlich schon reture als zahl nur wie das wegschneiden wieder geht bi ich noch nicht dahinter gekommen

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

                                  @smilie108
                                  am liebsten würde ich
                                  d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                                  machen
                                  aber wie das geht leider nicht dann bekomme ich nur weises input feld

                                  jogibear9988J 2 Antworten Letzte Antwort
                                  0
                                  • Smilie108S Smilie108

                                    @smilie108
                                    am liebsten würde ich
                                    d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                                    machen
                                    aber wie das geht leider nicht dann bekomme ich nur weises input feld

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

                                    @smilie108

                                    hätte jetzt erwartet das das geht, ich probiere

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • Smilie108S Smilie108

                                      @smilie108
                                      am liebsten würde ich
                                      d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                                      machen
                                      aber wie das geht leider nicht dann bekomme ich nur weises input feld

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

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

                                      @smilie108
                                      am liebsten würde ich
                                      d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                                      machen
                                      aber wie das geht leider nicht dann bekomme ich nur weises input feld

                                      so, das geht nun.
                                      Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

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

                                      Smilie108S B 2 Antworten Letzte Antwort
                                      1
                                      • jogibear9988J jogibear9988

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

                                        @smilie108
                                        am liebsten würde ich
                                        d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                                        machen
                                        aber wie das geht leider nicht dann bekomme ich nur weises input feld

                                        so, das geht nun.
                                        Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

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

                                        @jogibear9988
                                        wenn ich nun
                                        4a9fc8c9-cf38-43b8-bad6-eb76e2fa97a7-grafik.png

                                        1e0bf9bd-77e9-49e3-9472-689c7639a8be-grafik.png
                                        hier verknüpfe hat das aber keine auswirkungen max ist auf 65 eingestellt in objekt.
                                        auch noch ein bug oder geht das so nicht ? sorry normales input

                                        1 Antwort Letzte Antwort
                                        0
                                        • jogibear9988J jogibear9988

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

                                          @smilie108
                                          am liebsten würde ich
                                          d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                                          machen
                                          aber wie das geht leider nicht dann bekomme ich nur weises input feld

                                          so, das geht nun.
                                          Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

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

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

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

                                          @smilie108
                                          am liebsten würde ich
                                          d03e0897-a938-4e3d-be6b-57c0e2d92301-grafik.png
                                          machen
                                          aber wie das geht leider nicht dann bekomme ich nur weises input feld

                                          so, das geht nun.
                                          Problem war, ich habe wenn man einen typ angibt, jeden wert geparst. Nun mach ich es nur noch mit dem ersten wert des bindings (wenn der erste ein $ oder historic binding ist, parse ich gar nicht)!

                                          Funktioniert das dann auch wenn man in der Formula was voranstellt?
                                          Beispiel:

                                          'Solltemp.:' + __0 + a.common.unit
                                          

                                          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

                                          528

                                          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