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.
    • 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
                                    • F
                                      FuXXz2 @da_Woody last edited by

                                      @da_woody Ja, das war es. In der Infokachel ist beim einrichten alles ausgeblendet und angehakt 😞

                                      Aber die Kacheln sind jetzt immer noch kleiner, wenn sie als Background geladen werden.
                                      Wie ist das bei dir, wenn normale Kacheln daneben sind?
                                      Screenshot 2021-12-26 150342.png

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

                                        @fuxxz2 jo, bei infotext ist viel umzuwerkeln. hat ja grundsätzlich anderen sinn. ich verwend das auch für diverse listen im panel. passt sich immer in der höhe an.
                                        46919457-aae7-44a1-a369-e3d82f51a750-grafik.png 3234d9f4-c9be-4e81-86e7-5368b02845c1-grafik.png
                                        das kleiner werden ist logisch, du fügst das ja in ein neues gerät ein mit eigener größe. siehe auch heizung bei mir. dafür kann man darin scrolen.
                                        7b8ff94d-cf47-4f4d-a3f3-b2fab4e75e33-grafik.png bf5304bf-6461-4f72-ac9b-b368300c5d68-grafik.png
                                        gerade draufgekommen, daß man den inhalt vergrößern kann.
                                        c0a90b23-cbb3-44e2-9111-88561f31ae0a-grafik.png
                                        schau mal, ob das funktiniert...
                                        3abf4686-5caa-43e8-ab19-e50822f2480d-grafik.png
                                        nope, finde auch nichts um die kachel gleich vergrößert zu starten...

                                        s.bormann 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 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 🙂

                                          Ebenfalls frohe Weihnachten!
                                          Ich habe Widget genommen - ist aber eigentlich egal, denn die Typen sind (mit wenigen Ausnahmen) vollständig gegeneinander austauschbar - lediglich die Defaults bei den Optionen sind anders vorbelegt. Da man ohnehin für Dein Vorhaben alle Optionen durchgehen muss, ist es egal, ob man vom einem oder vom Anderen Gerät startet.

                                          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:

                                            @da_woody Ja, das war es. In der Infokachel ist beim einrichten alles ausgeblendet und angehakt 😞

                                            Aber die Kacheln sind jetzt immer noch kleiner, wenn sie als Background geladen werden.
                                            Wie ist das bei dir, wenn normale Kacheln daneben sind?
                                            Screenshot 2021-12-26 150342.png

                                            Ja, da muss ich noch mal nacharbeiten. Vielleicht habe ich heute Abend Zeit.

                                            s.bormann 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            488
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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