Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    12
    2
    266

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

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

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

Scheduled Pinned Locked Moved Tester
appdark-modeiqontrolresponsivevisvisualisierungvisualizationwidget
7.6k Posts 296 Posters 7.0m Views 201 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B blackeagle998

    @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 Offline
    S Offline
    StephanJanine
    wrote on last edited by StephanJanine
    #3483

    @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
    0
    • S 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 Offline
      B Offline
      blackeagle998
      wrote on last edited by
      #3484

      @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
      0
      • B blackeagle998

        @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 Offline
        S Offline
        StephanJanine
        wrote on last edited by
        #3485

        @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
        0
        • S StephanJanine

          @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 Offline
          K Offline
          Kueppert
          wrote on last edited by
          #3486

          @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.

          UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

          S 1 Reply Last reply
          0
          • K Kueppert

            @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 Offline
            S Offline
            StephanJanine
            wrote on last edited by StephanJanine
            #3487

            @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
            0
            • S 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 Offline
              K Offline
              Kueppert
              wrote on last edited by
              #3488

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

              UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

              S 1 Reply Last reply
              0
              • K Kueppert

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

                S Offline
                S Offline
                StephanJanine
                wrote on last edited by
                #3489

                @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.bormannS 2 Replies Last reply
                0
                • K Offline
                  K Offline
                  Kueppert
                  wrote on last edited by
                  #3490

                  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

                  UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

                  S 1 Reply Last reply
                  0
                  • S StephanJanine

                    @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 Offline
                    K Offline
                    Kueppert
                    wrote on last edited by
                    #3491

                    @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

                    UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

                    1 Reply Last reply
                    0
                    • K Kueppert

                      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 Offline
                      S Offline
                      StephanJanine
                      wrote on last edited by StephanJanine
                      #3492

                      @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
                      1
                      • s.bormannS s.bormann

                        @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

                        M Offline
                        M Offline
                        martinschm
                        wrote on last edited by
                        #3493

                        @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
                        0
                        • B Offline
                          B Offline
                          blackeagle998
                          wrote on last edited by
                          #3494

                          @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.bormannS 1 Reply Last reply
                          0
                          • M Mac_Schmeck

                            Kann ich in iqontrol auch flot Diagramme anzeigen lassen?

                            s.bormannS Offline
                            s.bormannS Offline
                            s.bormann
                            Most Active
                            wrote on last edited by
                            #3495

                            @Mac_Schmeck sagte in Test Adapter iQontrol 1.3.x:

                            Kann ich in iqontrol auch flot Diagramme anzeigen lassen?

                            Ja, Du kannst einfach Flot-Diagramme mit dem Flot-Adapter erstellen und die resultierende Webseite als BACKGROUND_URL oder als URL einbinden (je nachdem, was Du halt willst - das Chart als Hintergrund für die Kachel, oder als Popup im Dialog.

                            1 Reply Last reply
                            2
                            • S StephanJanine

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

                              jQueryIcons.jpg

                              s.bormannS Offline
                              s.bormannS Offline
                              s.bormann
                              Most Active
                              wrote on last edited by
                              #3496

                              @StephanJanine sagte in Test Adapter iQontrol 1.3.x:

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

                              jQueryIcons.jpg

                              Hi,
                              das ganze ist eine jQuery-Toolbar - da gibts standardmäßig erst mal nur die beschriebenen Icons. Aber im Prinzip lässt sich ja alles irgendwie erweitern... 🙂

                              Du kannst z.B. folgendes unter Optionen/Sonstiges/CSS folgendes eingeben:

                              .iQontrolToolbarLink[data-index='0']:after {
                              	background:url('https://demos.jquerymobile.com/1.4.5/_assets/img/glyphish-icons/21-skull.png');
                              	background-size:cover;
                              }
                              

                              Das ändert den 1. Toolbar-Eintrag. Mit [data-index='1'] entsprechend den 2. u.s.w.

                              VG

                              S 1 Reply Last reply
                              0
                              • B blackeagle998

                                @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.bormannS Offline
                                s.bormannS Offline
                                s.bormann
                                Most Active
                                wrote on last edited by s.bormann
                                #3497

                                @blackeagle998 sagte in Test Adapter iQontrol 1.3.x:

                                @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?

                                Ei verrückt, stimmt. Er übernimmt die URL-Parameter nicht. Man muss erst noch mal manuell in dem Feld was ändern, dann wird es auch gespeichert. Fix kommt gleich. So lange geht es aber über die 'Widget automatisch hinzufügen' Funktion.

                                EDIT: Fix ist auf Github. Bitte versuche es noch mal.

                                B 1 Reply Last reply
                                1
                                • s.bormannS s.bormann

                                  @blackeagle998 sagte in Test Adapter iQontrol 1.3.x:

                                  @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?

                                  Ei verrückt, stimmt. Er übernimmt die URL-Parameter nicht. Man muss erst noch mal manuell in dem Feld was ändern, dann wird es auch gespeichert. Fix kommt gleich. So lange geht es aber über die 'Widget automatisch hinzufügen' Funktion.

                                  EDIT: Fix ist auf Github. Bitte versuche es noch mal.

                                  B Offline
                                  B Offline
                                  blackeagle998
                                  wrote on last edited by
                                  #3498

                                  @s-bormann
                                  Danke für den schnellen fix, funktioniert jetzt!

                                  1 Reply Last reply
                                  0
                                  • s.bormannS s.bormann

                                    @StephanJanine sagte in Test Adapter iQontrol 1.3.x:

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

                                    jQueryIcons.jpg

                                    Hi,
                                    das ganze ist eine jQuery-Toolbar - da gibts standardmäßig erst mal nur die beschriebenen Icons. Aber im Prinzip lässt sich ja alles irgendwie erweitern... 🙂

                                    Du kannst z.B. folgendes unter Optionen/Sonstiges/CSS folgendes eingeben:

                                    .iQontrolToolbarLink[data-index='0']:after {
                                    	background:url('https://demos.jquerymobile.com/1.4.5/_assets/img/glyphish-icons/21-skull.png');
                                    	background-size:cover;
                                    }
                                    

                                    Das ändert den 1. Toolbar-Eintrag. Mit [data-index='1'] entsprechend den 2. u.s.w.

                                    VG

                                    S Offline
                                    S Offline
                                    StephanJanine
                                    wrote on last edited by
                                    #3499

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

                                    .iQontrolToolbarLink[data-index='0']:after { background:url('https://demos.jquerymobile.com/1.4.5/_assets/img/glyphish-icons/21-skull.png'); background-size:cover; }

                                    hat funktioniert. vielen dank.

                                    Bildschirmfoto 2020-10-22 um 08.28.32.png

                                    C 1 Reply Last reply
                                    0
                                    • B blackeagle998

                                      Hier stand was.

                                      K Offline
                                      K Offline
                                      Kueppert
                                      wrote on last edited by Kueppert
                                      #3500

                                      @blackeagle998 sagte in Test Adapter iQontrol 1.3.x:

                                      @s-bormann
                                      Hey, sorry für die verspätete Rückmeldung.
                                      Bezüglich SONOS Cover Darstellung:

                                      Das Cover im Mediaplayer Dialog (geöffnete Kachel) wird jetzt aktualisiert, siehe Screenshot rechts unten.
                                      Das ICON wird jedoch nicht aktualisiert, siehe Kachel links oben:
                                      b1e568a8-f499-4f8c-885a-ecd851028ebe-image.png

                                      benutzt du hier für das Abspielen der Hörspiele direkt Alexa/Amazon-Inhalte? Ich habe einige freie Hörspiele für Kinder auf meinem Syno-NAS liegen und überlege, wie ich es hinbekomme, dass ich die mp3 über Alexa abspielen kann - steuerbar über iQontrol Mediaplayer.
                                      NACHTRAG:
                                      versuche es über DS Audio und dem entsprechenden Skill bei Amazon

                                      UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

                                      B 1 Reply Last reply
                                      0
                                      • dslraserD dslraser

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

                                        Zum Plus/Minus: Schalte mal die Option "Mauszeiger-Events für das Icon ignorieren" für aktiv, inaktiv und vergrößert ein, ich denke das unsichtbare Geräte-Icon hängt Dir vorm plus-Knopf
                                        Zum Focus: Habe da gerade den Bug gefunden. In der Datei kommt 3 x parseInt vor, das muss parseFloat heißen (sonst wird auf ganzzahlige Koordinaten abgerundet...)...

                                        hat beides funktioniert 👍

                                        Jetzt bräuchte es noch die Möglichkeit mehrere User mit eigenen Koordinaten und ein zugehöriges Symbol auf der Karte, dann wäre es schon perfekt für mich.😊

                                        EDIT: @blackeagle998
                                        auch die Datei map.html hilft vielleicht etwas das ganze Prinzip zu verstehen.

                                        <!doctype html>
                                        <html style="width: 100%; height: 100%; margin: 0px;">
                                        <head>
                                           <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
                                           <meta name="widget-datapoint" content="Map.Position.latitude" data-type="number" data-role="value.gps.latitude" />
                                           <meta name="widget-datapoint" content="Map.Position.longitude" data-type="number" data-role="value.gps.longitude" />
                                           <meta name="widget-datapoint" content="Map.Position.zoom" data-type="number" data-role="value.zoom" />
                                           <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
                                           <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
                                           <title>iQontrol Map Widget</title>
                                        </head>
                                        <body style="width: 100%; height: 100%; margin: 0px;">
                                           <div id="mapid" style="width: 100%; height: 100%; margin: 0px;"></div>
                                           <script type="text/javascript">
                                             //Declarations
                                             var mapPositionLatitude = 20;
                                             var mapPositionLongitude = 30;
                                             var mapPositionZoom = 10;
                                             var mymap = false;
                                        
                                             //Subscribe to WidgetDatapoints now
                                             sendPostMessage("getWidgetStateSubscribed", "Map.Position.latitude");
                                             sendPostMessage("getWidgetStateSubscribed", "Map.Position.longitude");
                                             sendPostMessage("getWidgetStateSubscribed", "Map.Position.zoom");
                                        
                                             //Initialize map (with timeout to give script the time go get the initial position values)
                                             setTimeout(function(){
                                                console.log("Init map: " + mapPositionLatitude + "|" + mapPositionLongitude + "|" + mapPositionZoom);
                                                 mymap = L.map('mapid').setView([mapPositionLatitude, mapPositionLongitude], mapPositionZoom);        
                                                 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                                                     'attribution':  'Kartendaten &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> Mitwirkende',
                                                     'useCache': true
                                                 }).addTo(mymap);
                                             }, 250);
                                             
                                             //Reposition map
                                             function repositionMap(){
                                               console.log("Reposition map: " + mapPositionLatitude + "|" + mapPositionLongitude + "|" + mapPositionZoom);
                                               if(mymap) mymap.setView([mapPositionLatitude, mapPositionLongitude], mapPositionZoom); else console.log("   Abort, map not initialized yet");
                                             }
                                             
                                             //send postMessages
                                             function sendPostMessage(command, stateId, value){
                                                 message = { command: command, stateId: stateId, value: value };
                                                 window.parent.postMessage(message, "*");
                                             }
                                        
                                             //receive postMessages
                                             window.addEventListener("message", receivePostMessage, false);
                                             function receivePostMessage(event) { //event = {data: message data, origin: url of origin, source: id of sending element}
                                                 if(event.data && event.data.command) switch(event.data.command){
                                                     case "getState":
                                                         if(event.data.stateId && event.data.value) switch(event.data.stateId){
                                                           case "Map.Position.latitude":
                                                             	console.log("Set latitude to " + event.data.value.val);
                                                           	mapPositionLatitude = parseFloat(event.data.value.val) || 0;
                                                             	if(mymap) repositionMap();
                                                           break;
                                        
                                                           case "Map.Position.longitude":
                                                             	console.log("Set longitude to " + event.data.value.val);
                                                           	mapPositionLongitude = parseFloat(event.data.value.val) || 0;
                                                             	if(mymap) repositionMap();
                                                           break;
                                                             
                                                           case "Map.Position.zoom":
                                                             	console.log("Set zoom to " + event.data.value.val);
                                                           	mapPositionZoom = parseFloat(event.data.value.val) || 0;
                                                             	if(mymap) repositionMap();
                                                           break;
                                                         }
                                                     break;
                                                 }
                                             }
                                           </script>
                                        </body>
                                        </html>
                                        


                                        20201011_202151.gif

                                        dslraserD Offline
                                        dslraserD Offline
                                        dslraser
                                        Forum Testing Most Active
                                        wrote on last edited by dslraser
                                        #3501

                                        @dslraser sagte in Test Adapter iQontrol 1.3.x:

                                        Zum Plus/Minus: Schalte mal die Option "Mauszeiger-Events für das Icon ignorieren" für aktiv, inaktiv und vergrößert ein, ich denke das unsichtbare Geräte-Icon hängt Dir vorm plus-Knopf

                                        In der aktuellen Version geht das plus und minus in den z.B. 3×2 Kacheln. Wenn ich allerdings die vergrößerte Ansicht auf Vollbild machen, dann gehen die Knöppe nicht, obwohl Mauszeiger-Events ignoriert werden sollen (jedenfalls ist es am Handy so)

                                        Edit: wo liegt eigentlich das css file für die map ?

                                        dslraserD 1 Reply Last reply
                                        0
                                        • F Offline
                                          F Offline
                                          frodo777
                                          wrote on last edited by
                                          #3502

                                          Ich habe über widget meine Kameras eingebunden. Die Adresse der Kamera ist im BACKGROUND_URL hinterlegt. Die Kameras werden auch angezeigt nur nicht das ganze Bild. Habe als Größe 3x2 gewählt. An den Widget Rändern sieht man Scroll Balken. Gibt es eine Möglichkeit die Größe zu verändern so das das ganze Bild angezeigt wird.

                                          L 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          147

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe