Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. [Vorstellung] Meine dritte VIS

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

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

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

[Vorstellung] Meine dritte VIS

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
visvis projekte
640 Beiträge 83 Kommentatoren 185.4k Aufrufe 117 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.
  • K Kuddel

    @larsiwitschino2003 ich habe mir für die Navigation eine Excel Tabelle gebaut, da das ein bisschen undurchsichtig ist.

    Die Menüpunkte mit Unterpunkte erhalten auch eine ID, die man dann im View in Widget 8 frei lassen muss.

    Am besten lässt du dir mal alle IDs im Menü anzeigen:

    82354968-deac-423a-9d71-5879a34454a5-grafik.png

    Und dann mal in der Runtime schauen, welche ID für welchen Eintrag steht:
    3c1f83b4-5bab-486d-9444-b0f92f256e98-grafik.png

    Zum Schluss dann noch gucken, die Views alle richtig verlinkt sind

    L Offline
    L Offline
    larsiwitschino2003
    schrieb am zuletzt editiert von
    #61

    @Kuddel danke für die schnelle Rückmeldung. Zu der Thematik

    Die Menüpunkte mit Unterpunkte erhalten auch eine ID, die man dann im View in Widget 8 frei lassen muss.

    Das braucht man ja nur durchzählen. Hatte das manuell gemacht 😅 das mit dem Index kenne ich und man sieht ja auch in den Objekten welchen Menü tab man anklickt bzw. welche Zahl dabei raus kommt. Also richtig verlinkt hab ich es definitiv. Die View für das Wetter wird übrigens auch korrekt dargestellt in meiner Verlinkung 🤔

    L 1 Antwort Letzte Antwort
    0
    • SternmiereS Offline
      SternmiereS Offline
      Sternmiere
      schrieb am zuletzt editiert von
      #62

      Hi @Kuddel ,
      vielen Dank für Deine VIS.
      Ich versuche gerade, die VIS ans laufen zu bringen. In Deiner Anleitung im ersten Post hast Du geschrieben, dass man für die Navigation und alle Widgets ein DP benötigt wird. Was ist das und wie spiele ich das JS ein?
      Ist das einfach nur ein neues JS-Skript mit der einen Zeile als Inhalt, welches ich z.B. unter common ablegen muss?

      Danke und Gruß,

      Do not look upon this world with fear and loathing. Bravely face whatever the gods offer.
      -- Morihei Ueshiba

      L 2 Antworten Letzte Antwort
      0
      • SternmiereS Sternmiere

        Hi @Kuddel ,
        vielen Dank für Deine VIS.
        Ich versuche gerade, die VIS ans laufen zu bringen. In Deiner Anleitung im ersten Post hast Du geschrieben, dass man für die Navigation und alle Widgets ein DP benötigt wird. Was ist das und wie spiele ich das JS ein?
        Ist das einfach nur ein neues JS-Skript mit der einen Zeile als Inhalt, welches ich z.B. unter common ablegen muss?

        Danke und Gruß,

        L Offline
        L Offline
        larsiwitschino2003
        schrieb am zuletzt editiert von
        #63

        @Sternmiere Du musst in den Objekten im iobroker bspw. Einen neuen Datenpunkt erstellen und dafür bspw. den Ordner "javascript.0" markieren und dann oben in der Auswahlleiste auf das "+" Zeichen klicken und im nachfolgenden Fenster folgendes eingeben "VIS-Steuerung.Aktuelle_VIS_Seite" (ohne ").
        Dann einfach auf speichern klicken. Dann wählst du den erstellten Datenpunkt aus in der View für die beiden widgets" top App bar drawer" und "View for widget 8".

        1 Antwort Letzte Antwort
        0
        • SternmiereS Sternmiere

          Hi @Kuddel ,
          vielen Dank für Deine VIS.
          Ich versuche gerade, die VIS ans laufen zu bringen. In Deiner Anleitung im ersten Post hast Du geschrieben, dass man für die Navigation und alle Widgets ein DP benötigt wird. Was ist das und wie spiele ich das JS ein?
          Ist das einfach nur ein neues JS-Skript mit der einen Zeile als Inhalt, welches ich z.B. unter common ablegen muss?

          Danke und Gruß,

          L Offline
          L Offline
          larsiwitschino2003
          schrieb am zuletzt editiert von larsiwitschino2003
          #64

          @Sternmiere hier mal 2 Screenshots für die Erstellung des Datenpunktes. Es ist kein Skript sondern lediglich ein Datenpunkt.
          Screenshot_20200229_185335.jpg

          Screenshot_20200229_185245.jpg !

          1 Antwort Letzte Antwort
          0
          • SternmiereS Offline
            SternmiereS Offline
            Sternmiere
            schrieb am zuletzt editiert von
            #65

            @larsiwitschino2003 ,
            ah, vielen Dank :)

            Do not look upon this world with fear and loathing. Bravely face whatever the gods offer.
            -- Morihei Ueshiba

            1 Antwort Letzte Antwort
            0
            • L larsiwitschino2003

              @Kuddel danke für die schnelle Rückmeldung. Zu der Thematik

              Die Menüpunkte mit Unterpunkte erhalten auch eine ID, die man dann im View in Widget 8 frei lassen muss.

              Das braucht man ja nur durchzählen. Hatte das manuell gemacht 😅 das mit dem Index kenne ich und man sieht ja auch in den Objekten welchen Menü tab man anklickt bzw. welche Zahl dabei raus kommt. Also richtig verlinkt hab ich es definitiv. Die View für das Wetter wird übrigens auch korrekt dargestellt in meiner Verlinkung 🤔

              L Offline
              L Offline
              larsiwitschino2003
              schrieb am zuletzt editiert von larsiwitschino2003
              #66

              @larsiwitschino2003 Sooooooooooo... habs hinbekommen. Ich denke es handelt sich um einen BUG.

              Zum Verständnis:
              Habe bei allen 40 Tabs mal ein und die selbe View hinterlegt außer natürlich bei den Übergeordneten Tabs, also jene welche als Übergeordnete Kategorie gelten, wie Bspw. "Erdgeschoss" und darunter dann 5 weitere Tabs als (Kinderzimmer, Schlafzimmer...) quasi.
              Das Ergebnis war (ich wollte das Ganze somit eingrenzen), dass wirklich überall bis auf die letzten 2 Tabs (inklusive der SubTabs) bei mir meine View nicht angezeigt wurde ("Fehler: View not found").
              Darauf hin habe ich dann Schritt für Schritt mal die "Anzahl der Navigationselemente"

              Screen Shot 02-29-20 at 10.25 PM 001.PNG

              (bei mir sind es 11 Stück) erstmal um 2 reduziert, also zuerst von 11 auf 9 und dann wieder hinzugefügt von 9 auf 10 und meine View wieder neu verlinkt und ZACK da hat es funktioniert.
              Dann wieder von 10 auf 11 erhöht und in diesen Tabs und SubTabs meine View verlinkt.

              Nun funktioniert alles ! :-) :call_me_hand:

              1 Antwort Letzte Antwort
              0
              • K Offline
                K Offline
                kaskau
                schrieb am zuletzt editiert von
                #67

                Hallo ich wollte das ganz importieren. kommt immer Jason not working. keine Ahnung was ich machen muss.
                ich bin da Anfänger

                kann auch nicht alle adapter installieren. his adapter does not allow multiple instances
                ERROR: process exited with code 19

                danke für die Hilfe

                L H 2 Antworten Letzte Antwort
                0
                • K kaskau

                  Hallo ich wollte das ganz importieren. kommt immer Jason not working. keine Ahnung was ich machen muss.
                  ich bin da Anfänger

                  kann auch nicht alle adapter installieren. his adapter does not allow multiple instances
                  ERROR: process exited with code 19

                  danke für die Hilfe

                  L Offline
                  L Offline
                  larsiwitschino2003
                  schrieb am zuletzt editiert von larsiwitschino2003
                  #68

                  @kaskau du hast ja gleich mehrere Probleme. Hast du die genaue Anleitung befolgt mit den zip Archiven im 1. Post?
                  Du musst auf jeden Fall die Adapter alle installieren die du benötigst. Was die Fehlermeldung angeht "his adapter does not allow multiple instances" hänge da bitte mal Screenshots mit an. Auch bitte für die JSON Fehlermeldungen.

                  1 Antwort Letzte Antwort
                  0
                  • K kaskau

                    Hallo ich wollte das ganz importieren. kommt immer Jason not working. keine Ahnung was ich machen muss.
                    ich bin da Anfänger

                    kann auch nicht alle adapter installieren. his adapter does not allow multiple instances
                    ERROR: process exited with code 19

                    danke für die Hilfe

                    H Offline
                    H Offline
                    hofmannha
                    schrieb am zuletzt editiert von
                    #69

                    @kaskau
                    Hallo Kuddel,
                    kannst Du mir sagen, wie ich einer View ein Hintergrundbild zuweisen kann.
                    Ich möchte aber kein Basic-Image drauflegen, sondern direkt der View das Bild zuweisen.
                    Gruß

                    L 1 Antwort Letzte Antwort
                    0
                    • K Offline
                      K Offline
                      kaskau
                      schrieb am zuletzt editiert von
                      #70

                      ich gebe es auf. habe keinen plan und komme nicht weiter. ist alles sehr kompliziert. schade kann man nicht einfach das ganze schön einfach kopieren und einfügen.
                      Danke für eure Geduld und Hilfe.

                      L 1 Antwort Letzte Antwort
                      0
                      • K kaskau

                        ich gebe es auf. habe keinen plan und komme nicht weiter. ist alles sehr kompliziert. schade kann man nicht einfach das ganze schön einfach kopieren und einfügen.
                        Danke für eure Geduld und Hilfe.

                        L Offline
                        L Offline
                        larsiwitschino2003
                        schrieb am zuletzt editiert von
                        #71

                        @kaskau du solltest doch mal Screenshots hochladen. So kann dir leider keiner so richtig weiterhelfen 🙄

                        1 Antwort Letzte Antwort
                        0
                        • H hofmannha

                          @kaskau
                          Hallo Kuddel,
                          kannst Du mir sagen, wie ich einer View ein Hintergrundbild zuweisen kann.
                          Ich möchte aber kein Basic-Image drauflegen, sondern direkt der View das Bild zuweisen.
                          Gruß

                          L Offline
                          L Offline
                          larsiwitschino2003
                          schrieb am zuletzt editiert von
                          #72

                          @hofmannha ich dächte das geht nur über css wenn du keine widgets verwenden möchtest. Warum denn nicht über widgets?

                          H 1 Antwort Letzte Antwort
                          0
                          • L larsiwitschino2003

                            @hofmannha ich dächte das geht nur über css wenn du keine widgets verwenden möchtest. Warum denn nicht über widgets?

                            H Offline
                            H Offline
                            hofmannha
                            schrieb am zuletzt editiert von
                            #73

                            @larsiwitschino2003
                            Danke. Ich dachte an die Ladezeiten, dass die über Widgets zu lang sind.
                            Aber was muß ich in css eingeben und wo?
                            Gruß

                            L 1 Antwort Letzte Antwort
                            0
                            • H hofmannha

                              @larsiwitschino2003
                              Danke. Ich dachte an die Ladezeiten, dass die über Widgets zu lang sind.
                              Aber was muß ich in css eingeben und wo?
                              Gruß

                              L Offline
                              L Offline
                              larsiwitschino2003
                              schrieb am zuletzt editiert von
                              #74

                              @hofmannha In die Eigenschaften der View gehen und dann unter "background-image" die Bsp Syntax url eingeben. Natürlich den Pfad für deine abgelegten Bilder ablegen

                              ("http://<lokale ip/iobroker="">:8082/vis.0/main/Erdgeschoss/einkleinesBild.png")

                              H 1 Antwort Letzte Antwort
                              0
                              • K Kuddel

                                @helfi9999

                                +++ Export der Log Seiten +++

                                Beispiel-Screenshots:


                                1cd45c7c-1252-4ce5-bdc8-ae330d81dde9-grafik.png
                                0b6fc583-537a-4d59-b232-59331c500ed3-grafik.png

                                JavaScript
                                logs_sammeln.txt

                                CSS Einstellungen

                                .log-info{ color: #0B610B; font-weight: bold; }
                                
                                .log-warn { color: #ffaa00; font-weight: bold; }
                                
                                .log-error{ color: red; font-weight: bold;}
                                

                                Die einzelnen Seiten als View-Export:
                                2500_Logs.txt
                                2501_Logs_Alexa.txt
                                2501_Logs_Alexa_Details.txt
                                2502_Logs_ioBroker.txt
                                2502_Logs_ioBroker_Details.txt
                                2503_Logs_ioBroker_Warn.txt
                                2503_Logs_ioBroker_Warn_Details.txt
                                2504_Logs_ioBroker_Error.txt
                                2504_Logs_ioBroker_Error_Details.txt

                                A Offline
                                A Offline
                                Aquin
                                schrieb am zuletzt editiert von
                                #75

                                @Kuddel ,Hallo zusammen,
                                ich bin seit ca. 5 Monaten in der ioBroker Welt eingetaucht und bin sehr fasziniert bei der Sache :blush: . Mir ist auch einiges schon gelungen von Blockly bis hin zur Gestaltung meiner eigenen Vis, aber nur mit Hilfe diesem Forum, wo ich einiges nachlesen konnten: grimacing: .
                                Somit möchte ich mich bei allen bedanken, die Ihre Ideen zur Verfügung gestellt haben.
                                Jetzt komme ich zur meiner Frage:
                                Ich habe die Logs Vis sowie das Skripte importiert, dass Skript scheint auch zu funktionieren, nur bekomme ich im Editor einiges rot unterstrichen angezeigt :cry:, hier in der zweiten Reihe.

                                var instanzid = getState("system.adapter.javascript.0.sigKill").val;
                                var instanzid = '('+instanzid+')'
                                

                                Kann mir jemand weiter helfen ?

                                K 1 Antwort Letzte Antwort
                                0
                                • A Aquin

                                  @Kuddel ,Hallo zusammen,
                                  ich bin seit ca. 5 Monaten in der ioBroker Welt eingetaucht und bin sehr fasziniert bei der Sache :blush: . Mir ist auch einiges schon gelungen von Blockly bis hin zur Gestaltung meiner eigenen Vis, aber nur mit Hilfe diesem Forum, wo ich einiges nachlesen konnten: grimacing: .
                                  Somit möchte ich mich bei allen bedanken, die Ihre Ideen zur Verfügung gestellt haben.
                                  Jetzt komme ich zur meiner Frage:
                                  Ich habe die Logs Vis sowie das Skripte importiert, dass Skript scheint auch zu funktionieren, nur bekomme ich im Editor einiges rot unterstrichen angezeigt :cry:, hier in der zweiten Reihe.

                                  var instanzid = getState("system.adapter.javascript.0.sigKill").val;
                                  var instanzid = '('+instanzid+')'
                                  

                                  Kann mir jemand weiter helfen ?

                                  K Offline
                                  K Offline
                                  Kuddel
                                  schrieb am zuletzt editiert von
                                  #76

                                  @Aquin damit habe ich versucht die ID der Instanz zu entfernen.

                                  Funktioniert leider nicht mehr.

                                  Bin gerade dabei die neueste Version von dem Skript zum laufen zu bekommen.

                                  Siehe dazu: https://forum.iobroker.net/topic/13971/vorlage-js-log-datei-aufbereiten-für-vis

                                  A 1 Antwort Letzte Antwort
                                  0
                                  • L larsiwitschino2003

                                    @hofmannha In die Eigenschaften der View gehen und dann unter "background-image" die Bsp Syntax url eingeben. Natürlich den Pfad für deine abgelegten Bilder ablegen

                                    ("http://<lokale ip/iobroker="">:8082/vis.0/main/Erdgeschoss/einkleinesBild.png")

                                    H Offline
                                    H Offline
                                    hofmannha
                                    schrieb am zuletzt editiert von
                                    #77

                                    @larsiwitschino2003
                                    Guten Morgen,
                                    ich glaube ich habe Ladehemmungen. Ist das so richtig?
                                    ("http://<192.168.xxx.xx/iobroker="">:8082/vis.0/Meine-Icons/Hintergrundbilder/Esszimmer/Esszimmer-2.jpg")
                                    Es funktioniert nicht.
                                    Gruß

                                    K NashraN 2 Antworten Letzte Antwort
                                    0
                                    • H hofmannha

                                      @larsiwitschino2003
                                      Guten Morgen,
                                      ich glaube ich habe Ladehemmungen. Ist das so richtig?
                                      ("http://<192.168.xxx.xx/iobroker="">:8082/vis.0/Meine-Icons/Hintergrundbilder/Esszimmer/Esszimmer-2.jpg")
                                      Es funktioniert nicht.
                                      Gruß

                                      K Offline
                                      K Offline
                                      Kuddel
                                      schrieb am zuletzt editiert von
                                      #78

                                      @hofmannha habs bei mir mal eben gestetet.

                                      So kann ich im Browser Icons aus meiner VIS anzeigen lassen

                                      http://192.168.4.30:8082/vis.0/VIS_v3/Meine_Icons/Adapter_Icons/admin.png
                                      
                                      H 1 Antwort Letzte Antwort
                                      0
                                      • H hofmannha

                                        @larsiwitschino2003
                                        Guten Morgen,
                                        ich glaube ich habe Ladehemmungen. Ist das so richtig?
                                        ("http://<192.168.xxx.xx/iobroker="">:8082/vis.0/Meine-Icons/Hintergrundbilder/Esszimmer/Esszimmer-2.jpg")
                                        Es funktioniert nicht.
                                        Gruß

                                        NashraN Offline
                                        NashraN Offline
                                        Nashra
                                        Most Active Forum Testing
                                        schrieb am zuletzt editiert von
                                        #79

                                        @hofmannha sagte in [Vorstellung] Meine dritte VIS:

                                        @larsiwitschino2003
                                        Guten Morgen,
                                        ich glaube ich habe Ladehemmungen. Ist das so richtig?
                                        ("http://<192.168.xxx.xx/iobroker="">:8082/vis.0/Meine-Icons/Hintergrundbilder/Esszimmer/Esszimmer-2.jpg")
                                        Es funktioniert nicht.
                                        Gruß

                                        Versuch es mal so

                                        http://192.168.xxx.xx:8082/vis.0/Meine-Icons/Hintergrundbilder/Esszimmer/Esszimmer-2.jpg
                                        

                                        Gruß Ralf
                                        Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

                                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                        1 Antwort Letzte Antwort
                                        0
                                        • K Kuddel

                                          @Aquin damit habe ich versucht die ID der Instanz zu entfernen.

                                          Funktioniert leider nicht mehr.

                                          Bin gerade dabei die neueste Version von dem Skript zum laufen zu bekommen.

                                          Siehe dazu: https://forum.iobroker.net/topic/13971/vorlage-js-log-datei-aufbereiten-für-vis

                                          A Offline
                                          A Offline
                                          Aquin
                                          schrieb am zuletzt editiert von
                                          #80

                                          @Kuddel , Danke für die Info :blush:

                                          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

                                          852

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe