Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

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

      Also erstmal, vielen dank für den super coolen Adapter. Ich habe erst vor kurzem angefangen mit der Visualisierung und habe nur 3 kleine fragen.
      Also 1. Wie kann ich machen das ein Widget keine scrollbalken anzeigt? also das Widget hat ein Background HTML Code aber ich würde gerne den scrollbalken entfernen
      2. wie kann ich "geräte" untereinander anordnen. also ich will meine "Mülltermine" unter meine Temperaturanzeige haben.
      3. kann man die icons von der Symbolleiste ändern? also es gibt dort zwar eine Vorauswahl aber mir fehlt z.B. das "Lampen" icon oder ein "Thermometer" Icon oder ähnliches
      Bildschirmfoto 2020-10-21 um 11.29.53.png
      Bildschirmfoto 2020-10-21 um 11.34.53.png

      B 1 Reply Last reply Reply Quote 0
      • B
        blackeagle998 @StephanJanine last edited by blackeagle998

        @StephanJanine
        Hallo,

        zu 1.
        Erweitere den body Tag, also so:
        <body style="overflow: hidden;">

        zu 2. Du hast eine Unterüberschrift "Müllabfuhr" damit wird automatisch eine neue Zeile / ein neuer Absatz begonnen. Das wird nur gehen, wenn du die raus nimmst.

        S 1 Reply Last reply Reply Quote 1
        • S
          StephanJanine @blackeagle998 last edited by

          @blackeagle998 said in Test Adapter iQontrol 1.3.x:

          <body style="overflow: hidden;">

          danke, das mit dem Body hat funktioniert. ich habe versucht den DIV mit overflow: Hidden zu machen und das hatte nicht geklappt. danke

          das mit der Überschrift hatte ich auch schon versucht aber das funktioniert leider nicht. die icons rutschen dann nach rechts anstatt untendrunter.
          Bildschirmfoto 2020-10-21 um 12.39.48.png

          B K 2 Replies Last reply Reply Quote 0
          • B
            blackeagle998 @StephanJanine last edited by

            @StephanJanine
            Passiert das auch wenn du die wetter HTML Kachel hinter die Müllabfuhr Kacheln packst?

            S 1 Reply Last reply Reply Quote 0
            • S
              StephanJanine @blackeagle998 last edited by

              @blackeagle998
              dann sieht es so aus. aber ich hätte das am liebsten in der 2. reihe linksbündig.

              Bildschirmfoto 2020-10-21 um 12.43.38.png

              1 Reply Last reply Reply Quote 0
              • K
                Kueppert @StephanJanine last edited by

                @StephanJanine ich würde es ggf noch anders lösen:

                1. Wetterwidget, in iQontrol dann NeueZeile auswählen
                  b9f67f1f-077b-4ac3-a32a-d073b4fc7037-image.png
                2. deine Temperatur-Widgets, beim 4. auch wieder NZ auswählen, danach dann
                3. deine Müll-Widgets
                S 1 Reply Last reply Reply Quote 1
                • S
                  StephanJanine @Kueppert last edited by

                  @Kueppert klappt leider auch nicht. sieht dann so aus.

                  Bildschirmfoto 2020-10-21 um 12.50.44.png
                  Bildschirmfoto 2020-10-21 um 12.50.37.png

                  B 1 Reply Last reply Reply Quote 0
                  • B
                    blackeagle998 @StephanJanine last edited by

                    @StephanJanine
                    Wenn du bei dieser Reihenfolge beide Haken bei "neue Zeile" raus nimmst, müsste er die Kacheln doch neben dem Wetter Widget anordnen, so wie du es wolltest.

                    S 1 Reply Last reply Reply Quote 0
                    • S
                      StephanJanine @blackeagle998 last edited by StephanJanine

                      @blackeagle998 ist vielleicht dem responsive design geschuldet aber hatte gedacht man kann das "erzwingen" wie von @Kueppert gesagt mit dem NZ

                      also wenn ich beide NZ raushole sieht es auf dem desktop so aus
                      Bildschirmfoto 2020-10-21 um 12.55.39.png

                      wenn ich das dann runterskaliere verschiebt der halt irgendwann die icons in die 2. Zeile aber dann brauch ich ein tablet z.B. was genau die gewünschte Auflösung hat. das ist ja auch keine schöne Lösung. hatte gehofft man kann die 2. Zeile "erzwingen".
                      Bildschirmfoto 2020-10-21 um 12.55.47.png

                      Update:
                      Wenn ich hinter Biomüll ein "NZ" mache schiebt der da das halt unter Wetter anstatt unter die Temperaturen.
                      Bildschirmfoto 2020-10-21 um 13.02.49.png

                      B 1 Reply Last reply Reply Quote 0
                      • B
                        blackeagle998 @StephanJanine last edited by

                        @StephanJanine
                        Ich verstehe was du meinst und willst, nur leider kollidiert das mit dem responsive Design Gedanken.

                        Die Option "NZ" würde funktionieren, wenn alle Kacheln die gleiche Höhe hätten, passt hier aber wegen dem Widget nicht.

                        Ich habe mich dafür entschieden, die Gestaltung so vorzunehmen, dass sie auf den Wandtablets (Querformat) vernünftig aussieht.
                        Für den PC und das Smartphone (Hochformat) passt das natürlich nur bedingt bzw. gar nicht, je nach Ansicht.

                        S 1 Reply Last reply Reply Quote 0
                        • S
                          StephanJanine @blackeagle998 last edited by

                          @blackeagle998 ok, danke. dann werde ich mir was überlegen wie man das irgendwie schön darstellt. auf dem handy siehts nicht so schlecht aus aber auch dort wäre natürlich ein "NZ" zwischen der Temperatur und dem Müll schön aber das verhaut dann wieder das iPad Format. alles bisschen verwirrend 🙂 aber vielen dank für eure Hilfe
                          Bildschirmfoto 2020-10-21 um 13.11.46.png

                          K 1 Reply Last reply Reply Quote 0
                          • K
                            Kueppert @StephanJanine last edited by

                            @StephanJanine macht ggf auch SInn, eine 2. Instanz für ein anderes Gerät zu machen...einmal Tablet, einmal Handy. Die Konfig kannst ja exportieren/importieren.

                            S 1 Reply Last reply Reply Quote 0
                            • S
                              StephanJanine @Kueppert last edited by StephanJanine

                              @Kueppert das ist eine sehr gute Idee und hat auch einfach funktioniert. In der Handy Version konnte ich dann das "NZ" hinzufügen und dort trennt er jetzt die beiden Bereiche. danke dir.

                              habt ihr eine Idee wie man die icons in der leiste unten ändern kann? also hätte dort gerne ein Lampen oder Thermometer symbol.
                              1603279668520-bildschirmfoto-2020-10-21-um-13.27.16.png

                              K 1 Reply Last reply Reply Quote 0
                              • K
                                Kueppert @StephanJanine last edited by

                                @StephanJanine ja, das geht hier:
                                5fe68651-92a9-4d45-85a5-1248487c1abf-image.png

                                S 1 Reply Last reply Reply Quote 0
                                • S
                                  StephanJanine @Kueppert last edited by

                                  @Kueppert ja, das habe ich gefunden. aber da gibt es ja nur die Standard icons und keine "Lampe" oder "Thermometer" oder ähnliches.

                                  jQueryIcons.jpg

                                  K s.bormann 2 Replies Last reply Reply Quote 0
                                  • K
                                    Kueppert last edited by

                                    Ich habe auch mal eine Frage in die Runde:
                                    ich überlege, meine VIS auf iQontrol umzustellen und wollte mal mit meinem iCAL-Kalender starten. Meine Idee ist, dass ich den dortigen HTML-Datenpunkt darstellen lasse (ist schön bunt ^^).
                                    Ich habe jetzt ein Widget hergenommen udn bei Background_HTML den DP vom ical_html ausgewählt. Das klappt.
                                    55af29aa-55c2-4ebe-98f5-1dcdf2fac7a5-image.png
                                    Wähle ich in iQontrol für WIdget bei HTML eben diesen DP aus, hab ich nur ein graues Widget...funktioniert HTML, Datenpunkt hier nicht?
                                    7bedc1ff-425f-4c2c-a642-f77bd6f5ad0a-image.png

                                    S 1 Reply Last reply Reply Quote 0
                                    • K
                                      Kueppert @StephanJanine last edited by

                                      @StephanJanine stimmt...schade...da hab ich keine AHnung, weil ich davon ab bin, unten mehreres zur Auswahl zu haben. Ich arbeite hier nur noch mit Links auf meinem Home-Screen...hatte es vorher wie du, jetzt wie folgt:
                                      546d701c-b6f7-4117-ae33-ce9a3917db52-image.png

                                      1 Reply Last reply Reply Quote 0
                                      • S
                                        StephanJanine @Kueppert last edited by StephanJanine

                                        @Kueppert also bei mir sieht das so aus. Als beim Background HTMl wird's halt direkt in der Kachel angezeigt und

                                        Bildschirmfoto 2020-10-21 um 14.07.05.png

                                        Bildschirmfoto 2020-10-21 um 14.06.12.png

                                        Wenn man HTML als Datenpunkt auswählt erscheint der Inhalt erst im PopUp und die Box ist am Anfang leer
                                        Bildschirmfoto 2020-10-21 um 14.10.16.png

                                        1 Reply Last reply Reply Quote 1
                                        • M
                                          martinschm @s.bormann last edited by

                                          @s-bormann said in Test Adapter iQontrol 1.3.x:

                                          @mucki sagte in Test Adapter iQontrol 1.3.x:

                                          @Marco-Laser
                                          Ja, vielen Dank für die Entwicklung.

                                          Toll wäre aus meiner Sicht noch:

                                          • wenn man Favoriten aus anderen Ansichten darstellen könnte (Kopieren der Geräte geht zwar auch, aber bei Änderungen müssen die Geräte dann immer doppelt angepasst werden)
                                            ...

                                          Symbolische Links

                                          wurden jetzt mal als Beta implementiert. Kann mit der aktuellen Github-Version getestet werden.

                                          Bedeutet:
                                          Man kann Kopien von Geräten anlegen, die keine echten Kopien, sondern symbolische Verweise auf ein bestehendes Gerät sind. Ändert man das Original-Gerät, werden die kopierten Geräte mit geändert (das betrifft nur die Geräte-Optionen und die STATES, die Beschriftungen und Hintergrundbild können weiterhin getrennt voneinander eingestellt werden).

                                          Zu finden ist die neue Funktion hier:

                                          e10b50c9-8fd8-49ae-81c0-d2ee11ea07c9-image.png

                                          9cf4ad63-1334-482a-aef1-33239103b4a3-image.png

                                          Mega. Vielen Dank. Hatte letztens schon mal überlegt sowas anzufragen, da ich Übersichten nach Raum und Funktionen hab.

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

                                            @s-bormann
                                            Ich versuche jetzt seit ner halben Stunde die Hintergrundfarbe des Analoguhr Widgets zu ändern, das klappt einfach nicht.

                                            Wenn ich das Widget als Background_HTML auswähle, fragt er ja nach den verschiedenen Farben, gleich als erstes nach dem Hintergrund. Egal was ich da eintrage, nach dem Speichern werden immer die Standard Werte gezogen.

                                            Gehe ich in der Entwicklerkonsole auf das Element und ändere die Werte manuell, wird die gewünschte Farbe angezeigt.
                                            Datenpunkte werden ja bei dem Widget nicht angelegt (zumindest gibt es bei mir keine), das passiert doch alles über Variablen innerhalb des HTMLs, richtig?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            929
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            app dark-mode iqontrol responsive vis visualisierung visualization widget
                                            295
                                            7633
                                            5541533
                                            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