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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • Röstkartoffel
      Röstkartoffel last edited by

      @h0ffnung

      Ja, sehr schön und übersichtlich.

      Ich hätte gerne gewusst, wie du das mit den PopUp gelöst hast.

      Danke.

      Gruß Volker

      1 Reply Last reply Reply Quote 0
      • H
        Hans-Wurst-21 Developer last edited by

        @slemy:

        THX , also wenn es geht View Wohnzimmer , Startseite mit Wetterinfos und Kalender und View Spotify `

        Hallo slemy,

        die gewünschten Views und die zugehörige CSS und Icons im Anhang 🙂

        Bei Fragen kannst du dich gerne nochmals melden.

        Es müssen sehr viele Objekt-IDs angepasst werden, vor allem in der detaillierten Wettervorhersage.

        Das Wetter kommt von daswetter.com und für den kompletten Spotify-View brauchst du einen Premiumaccount.

        @Röstkartoffel:

        @h0ffnung

        Ja, sehr schön und übersichtlich.

        Ich hätte gerne gewusst, wie du das mit den PopUp gelöst hast.

        Danke.

        Gruß Volker `

        Hallo Volker,

        die PopUps habe ich über das Widget "Contrainer - Icon - view in jqui Dialog" gemacht.

        Das PopUp Fenster ist ein eigener View der angezeigt wird.

        Alle Einstellungen (Fenstergröße, "Auto-zu", Icon durchsichtig usw.) kannst du im Widget direkt einstellen. Im Anhang zur Hilfe mal ein Widget aus meiner Wettervorhersage. Dies kannst du einfach abändern und auf deine Bedürfnisse anpassen.

        Viele Grüße

        Marcus

        [Edit] 23.10.2018

        View_Wettervorhersage_Tag5.txt gefixt und neu hochgeladen
        9333_css_kalender.txt
        9333_css_spotify_tabelle.txt
        9333_icons.rar
        9333_view_dashboard.txt
        9333_view_spotify.txt
        9333_view_wettervorhersage_tag1.txt
        9333_view_wettervorhersage_tag2.txt
        9333_view_wettervorhersage_tag3.txt
        9333_view_wettervorhersage_tag4.txt
        9333_view_wohnzimmer.txt
        9333_widget_popup.txt
        9333_view_wettervorhersage_tag5.txt

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

          Hallo,

          View Download Wetter 5 hat einen Json Fehler…...

          Aber DANKE für das bereitstellen. 😉

          1 Reply Last reply Reply Quote 0
          • S
            slemy last edited by

            @h0ffnung

            Danke für das bereitstellen .

            1 Reply Last reply Reply Quote 0
            • H
              Hans-Wurst-21 Developer last edited by

              @sigi234:

              Hallo,

              View Download Wetter 5 hat einen Json Fehler…...

              Aber DANKE für das bereitstellen. 😉 `

              Hallo Sigi,

              stimmt, da ist mir beim kopieren ein kleiner Fehler unterlaufen.

              Es fehlt im Script ganz zum Schluß nur eine geschweifte Klammer -> }

              Einfach einfügen und es geht.

              Morgen lade ich die Datei nochmal hoch.

              Viele Grüße

              Marcus

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

                Danke, geht…..

                CSS_Kalender.txt ist für ICAL?

                1 Reply Last reply Reply Quote 0
                • H
                  Hans-Wurst-21 Developer last edited by

                  @sigi234:

                  Danke, geht…..

                  CSS_Kalender.txt ist für ICAL? `

                  Jop

                  1 Reply Last reply Reply Quote 0
                  • Röstkartoffel
                    Röstkartoffel last edited by

                    @h0ffnung

                    Danke für das Teilen und der Erklärung.

                    So löse ich das auch, ich dachte, vielleicht hast du da eine andere Lösung gefunden. Ich versuche gerade, meine ganzen Flots in einen Widget8 aufzurufen, habe es aber zeitlich noch nicht durchführen können.

                    1 Reply Last reply Reply Quote 0
                    • H
                      Hans-Wurst-21 Developer last edited by

                      @Röstkartoffel:

                      @h0ffnung

                      Danke für das Teilen und der Erklärung.

                      So löse ich das auch, ich dachte, vielleicht hast du da eine andere Lösung gefunden. Ich versuche gerade, meine ganzen Flots in einen Widget8 aufzurufen, habe es aber zeitlich noch nicht durchführen können. `

                      Für PopUps kann man noch das Metro Widget "Tile Dialog" nehmen. Deutlich einfacher und übersichtlicher zu realisieren. Für mich jedoch mit dem riesen Nachteil, dass bei den Metro Widgets immer ein dünner Rand zu sehen ist. Ich hab den leider nicht wegbekommen. Für mich war dieser Rand aber nicht tragbar und habe mich somit für die fummelige Lösung entschieden. Dieses "Designproblem" mit dem Metro WIdget haben einige Leute, jedoch nie eine Lösung dafür gefunden. Es liegt vermutlich am Browser, auf dem PC mit Firefox sehe ich keinen Rand. Auf dem Tablet mit Chrome und fullyBrowser sehe ich diesen Rand.

                      Nachteil bei meiner Lösung: Ich bekomm es nicht hin das PopUp Fenster anzupassen. Egal welche Themen/Skins/CSS ich auswähle… das Fenster sieht immer gleich aus. Hier arbeite ich noch dran. Eventuell hat von euch einer einen Tip für mich?

                      @ sigi234

                      Habe View_Wettervorhersage_Tag5.txt angepasst und neu hochgeladen.

                      Copy & Paste funktioniert jetzt wieder.

                      Viele Grüße

                      Marcus

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

                        Habe mal wieder Zeit gefunden, etwas weiter an meiner VIS zu arbeiten.

                        Es ist nicht mehr all so viel zu machen, dann wird meine VIS fertig sein und ich kann mich der VIS für das Handy widmen.

                        ! 7661_home.png 7661_home-wecker.png 7661_fenster.png 7661_tueren.png 7661_rolladen.png 7661_lichter.png 7661_heizung.png 7661_heizung-einstellungen.png 7661_musik.png 7661_kameras.png 7661_geraete.png 7661_strom.png 7661_it.png 7661_anwesenheit.png 7661_alarmanlage.png 7661_einstellungen.png 7661_system.png

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

                          @PaSi:

                          Habe mal wieder Zeit gefunden, etwas weiter an meiner VIS zu arbeiten.

                          Es ist nicht mehr all so viel zu machen, dann wird meine VIS fertig sein und ich kann mich der VIS für das Handy widmen.

                          ! Home.pngHome-Wecker.pngFenster.pngTueren.pngRolladen.pngLichter.pngHeizung.pngHeizung-Einstellungen.pngMusik.pngKameras.pngGeraete.pngStrom.pngIT.pngAnwesenheit.pngAlarmanlage.pngEinstellungen.pngSystem.png `

                          Sieht cool aus.

                          Würdest du deinen export zur Verfügung stellen?

                          1 Reply Last reply Reply Quote 0
                          • D
                            dos1973 last edited by

                            Da wäre ich auch dran interessiert oder zumindest teile/ ideen davon

                            • das popup aus bild 2, wie hast du das in dein design gebracht.

                            • den 3D effekt der Kacheln , mich würde die css einstellung interessieren, ich nehme an das ist nur border und schatten links und oben… damit hatte ich schon experimentiert, aber sieht bei mir immer, sagen wir - nicht gut aus :lol:

                            1 Reply Last reply Reply Quote 0
                            • F
                              floxx last edited by

                              @Dra_gun:

                              Hallo zusammen,

                              …

                              Anbei noch der Rest von meinen Views die mit viel Copy Paste aus dem Forum hier entstanden sind 😄 😄 😄 `

                              Hi Dragun,

                              du hast ja eine geile Views TOP würdest du mir wenn ich ganz nett frage deine Home View (wo die drei Kreise drauf sind Spotify, Müllcal…) sieht sehr sehr nice aus 🙂

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

                                @dos1973:

                                Da wäre ich auch dran interessiert oder zumindest teile/ ideen davon

                                • das popup aus bild 2, wie hast du das in dein design gebracht.

                                • den 3D effekt der Kacheln , mich würde die css einstellung interessieren, ich nehme an das ist nur border und schatten links und oben… damit hatte ich schon experimentiert, aber sieht bei mir immer, sagen wir - nicht gut aus :lol: `

                                Das Popup habe ich mit CSS in mein Design integriert.

                                Du hast es richtig erkannt. Es ist jeweils oben und links der Box-Shadow und der Rest ist Border - beides mit "inset" versehen.

                                Jedoch mit einer eigenen "CSS-Datei bzw Eigenschaft", da die im Widget einstellbaren CSS-Punkte vorgeschrieben sind und man so etwas weiter ausholen kann

                                D 1 Reply Last reply Reply Quote 0
                                • M
                                  Marc_St last edited by Jey Cee

                                  Hier mal meine Visualisierung. Es ist eine Darstellung des Schemas meiner Heizung / Solaranlage: SolvisMax (UVR1611) per CMI.

                                  Entschuldigt die ruckelige Darstellung - das liegt allein an der kostenlosen Version des Screenrecorders.

                                  Ich habe die Sache von Scratch auf selbstgeschrieben. Im Kern ist es eine SVG-Datei mit Javascript. Dadurch habe ich größtmögliche Flexibilität:

                                  • Die Pumpen sind animiert, auch die Drehgeschwindigkeit entspricht der realen Drehzahl.
                                  • Die Leitungen und Kollektoren sind farblich kodiert: 20°C = blau bis 80°C = rot.
                                  • Der Farbverlauf im Schichtspeicher ist ebenfalls entsprechend der Werte farblich kodiert.
                                  • Die Darstellung eines Leitungsflusses ist dann natürlich auch recht einfach.
                                  • Die Daten lese ich per ModBus aus. Damit liegen sie quasi in Echtzeit vor.

                                  Viele Grüße

                                  Marc~~~~~~~~

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

                                    COOL! 😉

                                    1 Reply Last reply Reply Quote 0
                                    • Röstkartoffel
                                      Röstkartoffel last edited by

                                      @Marc_St:

                                      Ja, das sieht wirklich klasse aus.

                                      Da ich auch eine SolvisMax SX 20KW Anlage besitze, habe ich da mal ein paar Fragen:

                                      SolvisMax (UVR1611) per CMI –> was bedeutet hier die UVR1611 und was "CMI"?

                                      Wie kommen die MQTT-Daten in den ioBroker?

                                      Danke

                                      Gruß

                                      Volker

                                      1 Reply Last reply Reply Quote 0
                                      • M
                                        Marc_St last edited by

                                        @Röstkartoffel:

                                        SolvisMax (UVR1611) per CMI –> was bedeutet hier die UVR1611 und was "CMI"?

                                        Wie kommen die MQTT-Daten in den ioBroker?

                                        Danke

                                        Gruß

                                        Volker `

                                        Mein SolvisMax hat eine UVR1611 als Steuerung. Solvis hatte das als "SC1" vermarktet, später gab es die SC2 als Kontroller; dazu kann ich nichts sagen. Hat Du ein SC1 oder ein SC2 als Steuerungsgerät?

                                        Falls Du ein SC1=UVR1611 hast, gibt es vom Hersteller eine Zusatzbox "CMI". Die liest die Daten aus und kann so etwas per ModBus in Echtzeit in ioBroker und damit in die Visualisierung pushen. Das geht schon sehr eindrucksvoll schnell. Die Werte und damit Farben und Animationen ändern sich quasi in Echtzeit.

                                        MQTT spielt hier keine Rolle.

                                        Diese Fragen spielen aber für die Visualisierung keine Rolle. Du musst ja nur irgendwie die Werte in den iobroker bekommen.

                                        1 Reply Last reply Reply Quote 0
                                        • M
                                          MiKKey last edited by

                                          Hallo zusammen,

                                          mich würde interessieren wie ihr die Sprachanweisungen an Alexa in eure Ansicht integriert habt. Welches Widget habt ihr dafür benutzt?

                                          Danke Michael

                                          1 Reply Last reply Reply Quote 0
                                          • M
                                            MarkusL last edited by

                                            Hallo Marc,

                                            das sieht ja klasse aus. Hast Du Lust die Dateien zur Verfügung zu stellen? Also Grafik und Script? Das wäre super!

                                            Ich nutze auch eine Solvis Max in Verbindung mit dem SC 2 und dem Solvis Remote. Über ein Script kann ich manche Werte über das Solvis Remote auslesen. Eher schlecht als recht. Wesentlich eleganter wäre es, direkt im richtigen Format abzufragen. Wie machst Du das denn genau? In den Modbus Adapter die Adresse des CMI eingeben und die Daten dann in Variablen konvertieren.

                                            Danke und VG,

                                            Markus

                                            @Marc_St:

                                            @Röstkartoffel:

                                            SolvisMax (UVR1611) per CMI –> was bedeutet hier die UVR1611 und was "CMI"?

                                            Wie kommen die MQTT-Daten in den ioBroker?

                                            Danke

                                            Gruß

                                            Volker `

                                            Mein SolvisMax hat eine UVR1611 als Steuerung. Solvis hatte das als "SC1" vermarktet, später gab es die SC2 als Kontroller; dazu kann ich nichts sagen. Hat Du ein SC1 oder ein SC2 als Steuerungsgerät?

                                            Falls Du ein SC1=UVR1611 hast, gibt es vom Hersteller eine Zusatzbox "CMI". Die liest die Daten aus und kann so etwas per ModBus in Echtzeit in ioBroker und damit in die Visualisierung pushen. Das geht schon sehr eindrucksvoll schnell. Die Werte und damit Farben und Animationen ändern sich quasi in Echtzeit.

                                            MQTT spielt hier keine Rolle.

                                            Diese Fragen spielen aber für die Visualisierung keine Rolle. Du musst ja nur irgendwie die Werte in den iobroker bekommen. `

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            865
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            352732
                                            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