Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure iQontrol Visualisierung

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    Zeigt her eure iQontrol Visualisierung

    This topic has been deleted. Only users with topic management privileges can see it.
    • F
      FuXXz2 @da_Woody last edited by FuXXz2

      @da_woody Die Kacheln sind im HTML/CSS in Reihe, sie floaten entsprechend bei kleineren Bildschirmen. Das meinte ich. Deine Bilder zeigen nur die zentrierten Kacheln.
      Das betrifft auch weniger die Handyansicht. Die ist aufgrund ihres geringen Platzes relativ eingeschränkt und OK. Aber ab der größe eines Tablets oder Monitors, da habe ich sehr viel freie Fläche und muss viel scrollen.
      Wie hier zu sehen ist
      Aufnahme3.png
      Hier ab 1500px
      Aufnahme1.png
      Unter 1500px, er verkleinert nun die Kacheln, obwohl er sie zumindest floaten könnte. Ich habe doch nen riesen Panel, dann muss ich nicht kleinere Symbole haben
      Aufnahme2.png

      Aber ich verstehe nicht wo das Problem ist. Man nimmt dir doch nix weg, wenn es für andere, mehr kreative Benutzer Optionen gibt, Regeln der Design und Farblehre anzuwenden.
      Zudem ist responsive Design nicht erst gestern erfunden worden. Es gibt genug Apps, die individuelle Layouts zulassen und ganz toll responsive sind (z.B. Jarvis, HABPanel etc.) Wenn zusätzliche Usability möglich ist, wieso davor weg laufen.

      Der Material Adapter z.B. gruppiert auch, was ja Sinn macht bei großer Fläche
      Aufnahme3.png

      da_Woody 1 Reply Last reply Reply Quote 0
      • F
        FuXXz2 @s.bormann last edited by

        @s-bormann said in Zeigt her eure iQontrol Visualisierung:

        Verstehe ich das richtig:
        Dir fehlt a) der Kachelabstand und b) die einzelnen Gruppen sollten frei im Raum "floaten" können, also so, wie es die Kacheln an sich tun? Wird aber schwierig mit Responsiveness, da hat @da_Woody schon recht. Kennst Du eine Demo-Seite im Internet, die das irgendwie zeigt?

        Ja. Es gibt viele Beispiele.
        Metro Themes
        Oder der TileBoard Adapter
        https://github.com/ioBroker/ioBroker.lovelace/blob/master/README.md
        https://github.com/resoai/TileBoard

        Ich weiß nur nicht, wie gut oder schlecht sowas für iQontrol adaptierbar ist. Jeder Webdesigner hat ja seine eigene Handschrift.
        Ich sehe bei iQontrol viel mit position absolute/relative und kein float oder gar flex. Hört sich dann also nicht trivial an.
        Mit Flexboxes wäre das einfach

        s.bormann 1 Reply Last reply Reply Quote 0
        • da_Woody
          da_Woody @FuXXz2 last edited by

          @fuxxz2 456d1823-fca9-4617-af34-fae17187164a-grafik.png
          du meinst, das ist design, wenn du die ganze wohnung/haus auf eine seite pappst?

          (z.B. Jarvis, HABPanel etc.)

          warum verwendest du die dann nicht? eigentlich ist vis genau das ding deiner wahl. ich denk mal, die leute die iQontrol verwenden wollen eben nicht in CSS, yaml, ... rumfummeln. @s-bormann hat sich ja was dabei überlegt, warum das icon links oben ist. damit in der 1x1 box noch platz für andere infos sind. (online, error, infoA, infoB, ...) klick and see es sind ja genug möglichkeiten durch user wünsche dazu gekommen. z.b. show power as state was ich mir gewünscht habe. badges.
          was bringt dir gruppieren? nur das ein rahmen drumherum ist?
          farblehre... tja, einer mags quitschbunt, der andere eher dezent. gibt ja genug seiten die dir einen "satz" zusammenstellen. mir kommt dabei das kalte grauen. du schreibst ja selber: Jeder Webdesigner hat ja seine eigene Handschrift.
          warten wir mal ab, was @s-bormann in einer v2.0 aus dem hut zaubert...

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

            Ich weiß absolut nicht was du willst, du benimmst dich wie eine kleines Kinde, dem man seinen Lutscher weg genommen hat.
            Ich wollte meine Bilder zeigen und sagen was man verbessern kann. Nicht mehr und nicht weniger. Und du drehst am Rad.
            Lass jetzt gut sein. <--- Punkt

            1 Reply Last reply Reply Quote 0
            • s.bormann
              s.bormann Most Active @FuXXz2 last edited by

              @fuxxz2 sagte in Zeigt her eure iQontrol Visualisierung:

              Ich weiß absolut nicht was du willst, du benimmst dich wie eine kleines Kinde, dem man seinen Lutscher weg genommen hat.
              Ich wollte meine Bilder zeigen und sagen was man verbessern kann. Nicht mehr und nicht weniger. Und du drehst am Rad.
              Lass jetzt gut sein. <--- Punkt

              Ich denke, ihr beide wollt es nur gut, da gibt es keinen Grund zu streiten. Ich lese gerne das Für und wieder aus verschiedenen Sichten, wenn ich immer nur meine eigene Sichtweise hätte, wäre ich im Leben (und auch bei iQontrol) heute an einem ganz anderen Punkt. Also, alles gut.

              @s-bormann said in Zeigt her eure iQontrol Visualisierung:

              Verstehe ich das richtig:
              Dir fehlt a) der Kachelabstand und b) die einzelnen Gruppen sollten frei im Raum "floaten" können, also so, wie es die Kacheln an sich tun? Wird aber schwierig mit Responsiveness, da hat @da_Woody schon recht. Kennst Du eine Demo-Seite im Internet, die das irgendwie zeigt?

              Ja. Es gibt viele Beispiele.
              Metro Themes
              Oder der TileBoard Adapter
              https://github.com/ioBroker/ioBroker.lovelace/blob/master/README.md
              https://github.com/resoai/TileBoard

              Ich weiß nur nicht, wie gut oder schlecht sowas für iQontrol adaptierbar ist. Jeder Webdesigner hat ja seine eigene Handschrift.
              Ich sehe bei iQontrol viel mit position absolute/relative und kein float oder gar flex. Hört sich dann also nicht trivial an.
              Mit Flexboxes wäre das einfach

              Kannst Du noch etwas konkreter werden mit dem, was Du Dir vorstellst?
              Zum Einen müsste es mit einer der typischen Grid-Bibliotheken funktionieren. iQontrol verwendet shuffle.js.
              https://isotope.metafizzy.co/layout-modes.html wäre eine Alternative.
              Aber keine der mir bekannten Bibliotheken unterszützt meines Wissens nach das Gruppieren in der Art, wie Du es scheibst.
              Wie könnte man eine solche Gruppierung konfigurieren? Wie soll sie sich bei verschiednen Bildschirmgrößen verhalten? Mach Dir hier bitte mal Gedanken, wie das am besten gehen könnte, da bin ich aktuell überfragt.

              Das zweite komplexe ist das Zoomen: Aktuell zoomt iQontrol ja so, dass die Kacheln immer den Bildschirm füllen. Das macht die Anwendung von Grids doppelt schwer, weil das timing zwischen Positionierung und Seitenzoom gut stimmen muss. Aber hier sehe ich zumindest Lösungsansätze.

              da_Woody 1 Reply Last reply Reply Quote 0
              • da_Woody
                da_Woody @s.bormann last edited by

                @s-bormann ich streite nicht, benehm mich auch nicht wie ein kleinkind und dreh auch sicher nicht am rad, aber was da "gefordert" wird, entspricht IMHO nicht dem, für was iQ gedacht ist. könnte das ganze auch umdrehn, seine wünsche sind nicht verfügbar, ergo nimmt man ihm den lutscher weg. 😉
                es gibt genug andere visu möglichkeiten die das bieten. warum dann das grundprinzip von iQ verändern wollen?
                mein "design" passt auf PC, Tablet und Handy. beim autoradio haperts, aber das liegt an meiner einstellung des startschirms. da passen halt nur 2 3x2 kacheln hin und ich hab in der einen zeile 3 3x2 kacheln.

                s.bormann 1 Reply Last reply Reply Quote 0
                • s.bormann
                  s.bormann Most Active @da_Woody last edited by

                  @da_woody sagte in Zeigt her eure iQontrol Visualisierung:

                  @s-bormann ich streite nicht, benehm mich auch nicht wie ein kleinkind und dreh auch sicher nicht am rad, aber was da "gefordert" wird, entspricht IMHO nicht dem, für was iQ gedacht ist. könnte das ganze auch umdrehn, seine wünsche sind nicht verfügbar, ergo nimmt man ihm den lutscher weg. 😉
                  es gibt genug andere visu möglichkeiten die das bieten. warum dann das grundprinzip von iQ verändern wollen?
                  mein "design" passt auf PC, Tablet und Handy. beim autoradio haperts, aber das liegt an meiner einstellung des startschirms. da passen halt nur 2 3x2 kacheln hin und ich hab in der einen zeile 3 3x2 kacheln.

                  Ich werde das Grundprinzip von iQ auch nicht ändern, da stimme ich Dir völlig zu. Aber eine optionale Erweiterung wäre ja möglich. Allerdings habe ich noch keine Vorstellung davon, wie genau das aussehen kann / soll, deshalb finde ich, die Diskussion kann noch ein wenig weiter gehen. Erst dann kann ich überlegen, ob ich mir das technisch zutraue und ob ich es einbauen kann.

                  da_Woody 1 Reply Last reply Reply Quote 0
                  • da_Woody
                    da_Woody @s.bormann last edited by da_Woody

                    @s-bormann wenns eine diskussion wäre, bis jetzt kommen nur forderungen mit beispielbildern anderer viualisierungen.
                    wenn ich mir dann den link zu resoai anschaue, steht dort:
                    This is a simple yet highly customizable dashboard for Home Assistant. also lovelace.
                    nachdem ich ja eine neugiernase bin, hab ich da einen raspi mit HA drauf. ja, ich konnte dort meinen saugrobi einbauen. aber erst nach einigen zusatz installationen.
                    ba673c36-5ba5-4cfa-9b9f-178fdfd451e2-grafik.png
                    klar, sieht gut aus gegen meine bisherigen versuche in iQ.
                    44de900d-a5ea-4759-85f9-f43afebe2510-grafik.png
                    die bedienung ist im iQ halt über additional controls und infos gelöst. warum das mit dem kartenakualisieren nicht mehr klappt ist eine andere geschichte. im HA funktioniert es. vllt finde ich dort was raus.

                    die metro themes sind fertige dinger die geld kosten.

                    edith:
                    was ich mir vorstellen könnte, eine z.b. 3x2 kachel, in der man andere kacheln integrieren kann...
                    98f60bbc-cb75-4466-8938-46d1a5e4529e-grafik.png
                    ich denk mal, so stellt sich @FuXXz2 das eventuell vor...

                    s.bormann 1 Reply Last reply Reply Quote 0
                    • s.bormann
                      s.bormann Most Active @da_Woody last edited by s.bormann

                      @da_woody sagte in Zeigt her eure iQontrol Visualisierung:

                      edith:
                      was ich mir vorstellen könnte, eine z.b. 3x2 kachel, in der man andere kacheln integrieren kann...
                      98f60bbc-cb75-4466-8938-46d1a5e4529e-grafik.png
                      ich denk mal, so stellt sich @FuXXz2 das eventuell vor...

                      Das geht schon: Man kann in Kacheln ganze Views einbinden:
                      4b01b764-4022-4864-b056-626375214b6b-image.png
                      @FuXXz2 ist das vielleicht schon das, was Du willst? Und sorry für die Farben, ist meine Test-Instanz 🙂

                      da_Woody 2 Replies Last reply Reply Quote 0
                      • da_Woody
                        da_Woody @s.bormann last edited by

                        @s-bormann na das is ja... 😳
                        was mich viel mehr in den wahnsinn treibt: die unterschiede von FF, chrome, wallpanel.
                        FF 369c6643-3104-4827-97e1-82d967253d67-grafik.png
                        chrome
                        22f04065-5910-4781-ac56-569418dfe1a7-grafik.png
                        schaut in wallpanel auch so aus...

                        1 Reply Last reply Reply Quote 0
                        • da_Woody
                          da_Woody @s.bormann last edited by

                          @s-bormann es ist zum ausrasten. hab das latürnich gleich probiert. als background-view.
                          FF PC 4ca0a82b-4f65-46bc-8b16-a8d16c8d0224-grafik.png
                          chrome PC e317ece6-6603-4cb9-b592-346d152dc3ba-grafik.png
                          wallpanel am tablet 6edac7ad-c513-4497-bbf3-20ec8e491a42-grafik.png
                          am handy passt mit beiden browsern...

                          s.bormann 1 Reply Last reply Reply Quote 0
                          • F
                            FuXXz2 last edited by

                            @s-bormann said in Zeigt her eure iQontrol Visualisierung:

                            @da_woody sagte in Zeigt her eure iQontrol Visualisierung:

                            Das geht schon: Man kann in Kacheln ganze Views einbinden:
                            4b01b764-4022-4864-b056-626375214b6b-image.png
                            @FuXXz2 ist das vielleicht schon das, was Du willst? Und sorry für die Farben, ist meine Test-Instanz 🙂

                            Habe ich noch nicht entdeckt.
                            Ist das eine Kachel vom Typ "Verknüpfung zu anderer Ansicht" und dann als Background view eine Ansicht wählten, die dann z.B. in deinem Fall 6 weitere Kacheln enthält?

                            da_Woody 1 Reply Last reply Reply Quote 0
                            • da_Woody
                              da_Woody @FuXXz2 last edited by da_Woody

                              @fuxxz2 ich hab einfach info-text genommen, ohne icon und 3x2 grösse...
                              2904c6d7-cc3f-40fb-b43c-c335211073ea-grafik.png

                              1 Reply Last reply Reply Quote 0
                              • s.bormann
                                s.bormann Most Active @da_Woody last edited by s.bormann

                                @da_woody sagte in Zeigt her eure iQontrol Visualisierung:

                                @s-bormann es ist zum ausrasten. hab das latürnich gleich probiert. als background-view.
                                FF PC 4ca0a82b-4f65-46bc-8b16-a8d16c8d0224-grafik.png
                                chrome PC e317ece6-6603-4cb9-b592-346d152dc3ba-grafik.png
                                wallpanel am tablet 6edac7ad-c513-4497-bbf3-20ec8e491a42-grafik.png
                                am handy passt mit beiden browsern...

                                Ja, echt zum Ausrasten. Das kostet echt am Meisten Zeit und Nerven, diese ganzen Browser-Eigenheiten unter einen Hut zu bringen... Die Scrollbar bei Firefox habe ich jetzt aber wegbekommen (ist auf github geladen).

                                da_Woody 1 Reply Last reply Reply Quote 0
                                • da_Woody
                                  da_Woody @s.bormann last edited by

                                  @s-bormann gott.gif
                                  ihm werde gehuldigt! danke.gif
                                  a3c4a3be-7bde-4d65-b988-38171296d416-grafik.png

                                  1 Reply Last reply Reply Quote 0
                                  • s.bormann
                                    s.bormann Most Active @FuXXz2 last edited by

                                    @fuxxz2 sagte in Zeigt her eure iQontrol Visualisierung:

                                    Meine graue Tonne hat nen roten Deckel 🙂

                                    Übrigens das hier ist ungefähr das, was ich haben wollte 🙂 abgesehen von den Farbverlauf-Fehlern, die kommen durchs zusammen schneiden.
                                    Das meinte ich mit, Einfluss auf die Kacheln nehmen, gruppieren und Größe ändern. Vor allem die Anordnung beim Größe ändern. Bisher springen die Kacheln recht eigenwillig umher.

                                    Sowas hier wäre echt geil, dann könnte man iqontrol auch super auf Tablet und Monitoren nutzen.
                                    soll.png

                                    Schau mal hier, das geht doch schon gut in die Richtung, oder (bitte die Farben ignorieren, das ist nur zum Testen)?
                                    Dazu gibt es jetzt eine neue Option unter BACKGROUND_VIEW/URL/HTML: "Adjust height of device tile to size of BACKGROUND_VIEW". Damit passt er die Größe der Kachel jeweils so an, dass der gesamte BACKGROUND_VIEW sichtbar ist.
                                    e2a7d28b-f5de-44a9-9a43-0186a29b6ec0-image.png

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

                                      Ich suche noch 🙂
                                      Aber vom Prinzip konnte man damit optische eine Gruppierung erreichten, ja

                                      Soll ich ein Widget eine Verknüpfte Ansicht, oder Info Text nehmen?
                                      Bei mir werden aktuell aber noch die Kachel verkleinert und ein Hintergrund legt er auch noch drüber.
                                      Zudem dauert es eine Weile, bis die Kacheln angezeigt werden. Wenn ich die Ansicht also lade, ist alles sofort sichtbar, ausser die "gruppierten" Kacheln. Die laden etwas langsamer.
                                      Screenshot 2021-12-26 141059.png

                                      Ich wünsche allen frohe Weihnachten 🙂

                                      da_Woody s.bormann 3 Replies Last reply Reply Quote 0
                                      • da_Woody
                                        da_Woody @FuXXz2 last edited by da_Woody

                                        @fuxxz2 ich hab bei meinen tests info-text genommen. die kann man dann besser anpassen.
                                        wegen hintergrund. kommt IMHO auf die einstellung deiner ansicht an.
                                        eecae02d-d0c9-452c-b233-a39977393e54-grafik.png
                                        bei rollo in der ansicht den hintergrund rausgenommen:
                                        354c269d-aa36-4302-9936-908c7659f23f-grafik.png
                                        also, eventuell 2 ansichten machen...

                                        F 1 Reply Last reply Reply Quote 0
                                        • F
                                          FuXXz2 @da_Woody last edited by

                                          @da_woody
                                          Auf dem Bild oben habe ich ja 3 Ansichten. Widget, Verknüpfte Ansicht und Info-Text. Letzterer bleibt jedoch einfach leer 😞

                                          da_Woody 1 Reply Last reply Reply Quote 0
                                          • da_Woody
                                            da_Woody @FuXXz2 last edited by da_Woody

                                            @fuxxz2 32e10c1e-6aea-4e1d-b1be-a6d194667bdf-grafik.png df040108-2e81-4b53-ac34-22f283473cec-grafik.png
                                            ???
                                            ebd7ef07-8267-45cb-ad51-f72d5bdd8a56-grafik.png 51a20567-70d9-44f6-9976-a64a95f95ba3-grafik.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            iqontrol
                                            47
                                            343
                                            59024
                                            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