Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 2

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Einfach mal zeigen will….. :-) - Teil 2

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      mokemann last edited by

      @spoerl.torsten:

      @Marcel85:

      So sieht es aktuell auf meinem Wandtablet aus.

      1Home.PNG

      2Rolladen.PNG

      3Heizung.PNG

      4Beleuchtung.PNG

      5Spotify.PNG

      6Radio.PNG

      7Geräteauswahl.PNG

      8HarmonyAus.PNG

      9HarmonyEin.PNG

      10Alarmanlage.PNG

      11Verschluss.PNG

      12Apps.PNG

      13WlanThermo.PNG `

      Hallo Marcel85,

      Respekt ist wirklich klasse geworden. Ich hätte Interesse an zwei Views und zwar an der Beleuchtung und der Heizung. Wäre super wenn du das hier teilen könntest.

      Gruß Torsten ` Ich würde mich auch freuen wenn du deine Views hier Teilen würdest!

      Gesendet von meinem HTC 10 mit Tapatalk

      1 Reply Last reply Reply Quote 0
      • Mic
        Mic Developer last edited by

        Hallo zusammen,

        vielen Dank für diesen Thread, da kann man sich einige Anregungen holen 🙂

        Ich bin gerade noch am basteln an Views für das iPhone. In folgendem Beispiel wird – frei konfigurierbar -- die Log-Datei gefiltert und dann die Anzahl der gefilterten Einträge angezeigt. Diese kann dann "als gelesen" markiert werden.

        Hier ein Beispiel, es gibt 60 "Errors & Warnings":
        6940_testumg_vis.png

        Durch drücken auf den Button oben rechts stellt es sich wieder auf 0:
        6940_zwischenablage01.png

        Man kann auch über einen Button auch die letzten Einträge wieder herstellen…

        Umgesetzt mit Bordmitteln und Metro-Widgets. Als Anzeige der Zahl ein simples "basic - Number" genommen. Skript für die Log-Datei ist https://forum.iobroker.net/viewtopic.php?f=21&t=15514.

        Das ganze muss natürlich noch schöner gemacht werden, aber als Machbarkeitstest mal ganz ok für meine vis-Kenntnisse 🙂

        Als nächstes werde ich mir eine View mit diversen Status-Meldungen auf dieser Basis bauen…

        1 Reply Last reply Reply Quote 0
        • flkontakt
          flkontakt last edited by Jey Cee

          Sehen alle gut aus, aber bei diesem Wetter mache ich nix mehr…....

          Gesendet von meinem SM-G920F mit Tapatalk

          1 Reply Last reply Reply Quote 0
          • H
            helfi9999 last edited by Jey Cee

            Hallo zusammenich möchte euch heute mal einen Teil meiner Vis zeigen:
            7416_dot.png 7416_echo.png 7416_multi.png 7416_start.png 7416_tv.png 7416_wetter.png

            1 Reply Last reply Reply Quote 0
            • sigi234
              sigi234 Forum Testing Most Active last edited by

              COOL

              1 Reply Last reply Reply Quote 0
              • L
                ltsalvatore last edited by

                nice…

                deine vis seite mit der alexa musik steuerung würde mich sehr interessieren.

                1 Reply Last reply Reply Quote 0
                • H
                  helfi9999 last edited by

                  Gerne,

                  hier die View:
                  7416_echo_view.txt

                  1 Reply Last reply Reply Quote 0
                  • L
                    ltsalvatore last edited by

                    @helfi9999:

                    Gerne,

                    hier die View: `

                    cool. danke..

                    das ging ja schnell 😄

                    1 Reply Last reply Reply Quote 1
                    • Chaot
                      Chaot last edited by

                      Danke schön. Aber ich kann die View nicht importieren.

                      Es kommt eine Fehlermeldung über ein fehlendes JSon Objejkt at 744

                      1 Reply Last reply Reply Quote 0
                      • L
                        ltsalvatore last edited by

                        @Chaot:

                        Danke schön. Aber ich kann die View nicht importieren.

                        Es kommt eine Fehlermeldung über ein fehlendes JSon Objejkt at 744 `

                        jo stimmt. bei mir das gleiche

                        1 Reply Last reply Reply Quote 0
                        • Chaot
                          Chaot last edited by

                          Fehler gefunden:

                          Am Anfang ist irgendwo ein Link mit einer IP Adresse. Den habe ich entfernt

                          und

                          Im Editor über "Ersetzen" überall die Kennung des betreffenden Echos gegen meine eigene Kennung ausgetauscht.

                          1 Reply Last reply Reply Quote 0
                          • L
                            ltsalvatore last edited by

                            @Chaot:

                            Fehler gefunden:

                            Am Anfang ist irgendwo ein Link mit einer IP Adresse. Den habe ich entfernt

                            und

                            Im Editor über "Ersetzen" überall die Kennung des betreffenden Echos gegen meine eigene Kennung ausgetauscht. `

                            danke, hat funktioniert.

                            zwei fragen hätte ich noch..

                            was genau bzw. wo finde ich die möglichkeit im editor auf ersetzen zu klicken?

                            und gibt es irgendwo ein tutorial/ eine anleitung, wie man den alexa adapter in iobroker einbindet?

                            1 Reply Last reply Reply Quote 0
                            • Chaot
                              Chaot last edited by

                              Alexa Adapter bindet sich eigentlich selbst ein.

                              Adapter installieren - mailadresse und Passwort eintragen - Speichern und schließen - fertig

                              Editor ersetzen - UUps - ich verwende als Standard den EM Editor und habe gar nicht daran gedacht das es im normalen Editor gar nicht geht. Sorry

                              1 Reply Last reply Reply Quote 0
                              • L
                                ltsalvatore last edited by

                                @Chaot:

                                Alexa Adapter bindet sich eigentlich selbst ein.

                                Adapter installieren - mailadresse und Passwort eintragen - Speichern und schließen - fertig

                                Editor ersetzen - UUps - ich verwende als Standard den EM Editor und habe gar nicht daran gedacht das es im normalen Editor gar nicht geht. Sorry `

                                hm.. dachte ich auch, aber irgendwie bleibt die ampel auf gelb.. zugangsdaten hab ich nochmal gegengecheckt. stimmen soweit. muss ich da noch was bez. der cookies machen?

                                ok… das mit dem editor hatte ich missverstanden, ich dachte du meinst nen editor in iobroker vis selbst, aber hier geht es ja um einen windows editor. dort funktioniert das ersetzten im normalen editor auch. (STRG+H)

                                gruß

                                1 Reply Last reply Reply Quote 0
                                • H
                                  helfi9999 last edited by

                                  Schau mal hier dort wird der Adapter erklärt:

                                  viewtopic.php?f=37&t=15547

                                  1 Reply Last reply Reply Quote 0
                                  • T
                                    taxman77 last edited by

                                    Hallo zusammen,

                                    ich habe eine Frage zu diesem Wetter Widget, und würde mich über Hilfe freuen.

                                    Das Widget habe ich importiert. Soweit hat auch alles geklappt.

                                    Nur wo trage ich das Skript ein und wo soll ich die Grafiken dazu speichern so dass alles miteinander "verknüpft" wird?

                                    Bislang habe ich immer nur einfach WIdgets erstellt und mit Script etc.. nix zu tun gehabt.

                                    besten Dank für eure Hilfe vorab.

                                    @fibernet:

                                    Kann ich tun 😄

                                    Das common Java Script:

                                    createState('WeatherSymbol0', '');
                                    createState('WindSymbol0', '');
                                    
                                    createState('WeatherSymbol1', '');
                                    createState('WindSymbol1', '');
                                    
                                    createState('WeatherSymbol2', '');
                                    createState('WindSymbol2', '');
                                    
                                    createState('WeatherSymbol3', '');
                                    createState('WindSymbol3', '');
                                    
                                    createState('WeatherSymbol4', '');
                                    createState('WindSymbol4', '');
                                    
                                    createState('WeatherSymbol5', '');
                                    createState('WindSymbol5', '');
                                    
                                    createState('WeatherSymbol6', '');
                                    createState('WindSymbol6', '');
                                    
                                    createState('WeatherSymbol7', '');
                                    createState('WindSymbol7', '');
                                    
                                    on("daswetter.0.NextDaysDetailed.0d.SymbolID", function(obj) {
                                    var symbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                    log (temp);
                                    setState('WeatherSymbol0', temp );
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.0d.WindSymbolB", function(obj) {
                                    var windsymbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
                                    log (temp);
                                    setState('WindSymbol0', temp);
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.1d.SymbolID", function(obj) {
                                    var symbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                    log (temp);
                                    setState('WeatherSymbol1', temp );
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.1d.WindSymbolB", function(obj) {
                                    var windsymbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
                                    log (temp);
                                    setState('WindSymbol1', temp);
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.2d.SymbolID", function(obj) {
                                    var symbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                    log (temp);
                                    setState('WeatherSymbol2', temp );
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.2d.WindSymbolB", function(obj) {
                                    var windsymbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort//' + windsymbol + '.png';
                                    log (temp);
                                    setState('WindSymbol2', temp);
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.3d.SymbolID", function(obj) {
                                    var symbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                    log (temp);
                                    setState('WeatherSymbol3', temp );
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.3d.WindSymbolB", function(obj) {
                                    var windsymbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
                                    log (temp);
                                    setState('WindSymbol3', temp);
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.4d.SymbolID", function(obj) {
                                    var symbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                    log (temp);
                                    setState('WeatherSymbol4', temp );
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.4d.WindSymbolB", function(obj) {
                                    var windsymbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
                                    log (temp);
                                    setState('WindSymbol4', temp);
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.5d.SymbolID", function(obj) {
                                    var symbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                    log (temp);
                                    setState('WeatherSymbol5', temp );
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.5d.WindSymbolB", function(obj) {
                                    var windsymbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
                                    log (temp);
                                    setState('WindSymbol5', temp);
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.6d.SymbolID", function(obj) {
                                    var symbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                    log (temp);
                                    setState('WeatherSymbol6', temp );
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.6d.WindSymbolB", function(obj) {
                                    var windsymbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
                                    log (temp);
                                    setState('WindSymbol6', temp);
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.7d.SymbolID", function(obj) {
                                    var symbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/wetter/' + symbol + 'f.png';
                                    log (temp);
                                    setState('WeatherSymbol7', temp );
                                    });
                                    
                                    on("daswetter.0.NextDaysDetailed.7d.WindSymbolB", function(obj) {
                                    var windsymbol = parseInt(obj.newState.val, 10);
                                    var temp = 'http://127.0.0.1:8082/daswetter/icons/viento-wind/galeria 2 - Beaufort/' + windsymbol + '.png';
                                    log (temp);
                                    setState('WindSymbol7', temp);
                                    });
                                    
                                    

                                    Das Widget

                                    WetterWidget.txt

                                    Und Die Grafiken

                                    Weather.rar Geändert :oops: waren die verkehrten Icons…..bitte nochmals runter laden sonst passt die Zuordnung nachher nicht mehr

                                    Ich hoffe gehilft zu haben :mrgreen:

                                    @spoerl.torsten:

                                    Hallo fibernet,
                                    > Soooooo, das finale Design steht und ich habe jetzt erstmal die Tools/Wetterseite vervollständigt. Die Buttons sind ausschließlich Metro Tiles, mit CSS formatiert, die Streifen im Hauptmenü und die Trennstreifen sind programmierte SVG Grafiken.
                                    Tolle Wetterview. Ich hätte Interesse an der 5 Tagesvorschau würdest du das Widget inklusive den Icons zur Verfügung stellen?

                                    Wäre echt klasse.

                                    LG Torsten

                                    1 Reply Last reply Reply Quote 0
                                    • haselchen
                                      haselchen Most Active last edited by

                                      N´Abend,

                                      muss leider mal quer reingrätschen.

                                      Ich habe beide "Einfach mal zeigen Teile" durchgeforstet, nix passendes gefunden.

                                      Ich möchte 3 HUE Birnen in die VIS einbinden.

                                      Ohne die vorhandenen Licht Widgets. Die gefallen mir alle nicht.

                                      Ich bilde meistens die Geräte im Original ab, die ich verwende.

                                      Nur hier gestaltet es sich schwierig, weil es ne Papierstandleuchte von IKEA ist.

                                      Ich möchte, dass die VIS eine Lampe zeigt, die an ist oder eben aus. (so echt wie möglich aussehend)

                                      Hat das jemand schon auf die Beine gestellt,ich beisse mir die Zähne dran aus.

                                      Auf dem Bild ist die Lampe an (nur leider sieht man das schwach) und ich müsste genau das gleiche Bild haben mit Lampe aus. Aber eben alles etwas kräftiger. 3723_lampean.png

                                      1 Reply Last reply Reply Quote 0
                                      • H
                                        helfi9999 last edited by Jey Cee

                                        Hallo zusammen,

                                        habe mal meine Vis überarbeitet:
                                        7416_harmony.png

                                        1 Reply Last reply Reply Quote 0
                                        • R
                                          RicoGesch last edited by

                                          @Walkinlarge2010!:

                                          Moin zusammen,

                                          wie gewünscht habe ich nun das View hier als Export anbei. Die Garage und der Garten sind noch nicht fertig, aber das Prinzip ist bei allen Views das selbe.

                                          Wenn Fragen sind, gerne hier, aber ich bin leider nicht dauerhaft on, daher kann es mit Feedback auch gerne mal etwas dauern 😉

                                          Hier das aktualisierte Video, damit ihr euch nen Eindruck von der Funktionsweise machen könnt.

                                          https://youtu.be/245z8xZQX3k

                                          Viel Spass beim Verwenden, Anpassen und Weiterentwickeln!

                                          Viele Grüße Walkinlarge `

                                          Hallo,

                                          wie hast Du das mit der Navigation gelöst?

                                          Habe das View importiert, und sehe da etwas von javascript.0.VIS.

                                          Sorry für die Anfängerfrage, bin aber noch recht neu hier 😉

                                          Dankeschön…

                                          Gruß Rico

                                          1 Reply Last reply Reply Quote 0
                                          • B
                                            bassface last edited by

                                            @RicoGesch:

                                            Hallo,

                                            wie hast Du das mit der Navigation gelöst?

                                            Habe das View importiert, und sehe da etwas von javascript.0.VIS.

                                            Sorry für die Anfängerfrage, bin aber noch recht neu hier 😉

                                            Dankeschön…

                                            Gruß Rico `

                                            Moin,

                                            schau dir mal das View-Widget (basic - view in widget 😎 auf der Startseite an.

                                            Dort sind die einzelnen Views hinterlegt, die angelegt worden sind und später innerhalb des Widget ausgerufen bzw. angezeigt werden sollen werden sollen.

                                            • Angelegte Views:
                                              7795_view.png

                                            • View-Widget auf der Startseite:
                                              7795_1.png

                                            Des Weiteren hast du auf der Startseite dann die Navigation, die aus einzelnen "basic - Bool HTML"-Widgets besteht.

                                            Innerhalb des Widgets wird dann auf die View verwiesen, die angezeigt werden soll.
                                            7795_2.png
                                            Hier auf die View 0 - Wetter, da der Eintrag der Eintrag 0 im View-Widget (basic - view in widget 😎 auf die View 001_Wetter verweist.

                                            Vielleicht helfen dir meine Ausführungen.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            597
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            359274
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo