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@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

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

      Hallo Zusammen,

      ich habe aktuell über Node-Red meine Rollladensteuerung laufen und dort auch die Auf/Ab Zeiten eingetragen.

      Mir ist natürlichklar, das iQOntrol eine Visualisierung ist, aber bibt es irgendeine Möglichkeit, das ich die Zeiten über iQontrol per Eingebamaske ändern kann? Es wäre ein Traum, wenn ich dann am Tablet einfach die Zeiten anpassen könnte, ohne das direkt über IOBROKER zu machen.

      Ich kann die Rollladensteuerung auch in Blockly umsetzen, wenn es dafür und iQontrol eine Möglichkeit gibt.

      Vielen Dank und schöne Grüße

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

        @noidea sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

        Hallo Zusammen,

        ich habe aktuell über Node-Red meine Rollladensteuerung laufen und dort auch die Auf/Ab Zeiten eingetragen.

        Mir ist natürlichklar, das iQOntrol eine Visualisierung ist, aber bibt es irgendeine Möglichkeit, das ich die Zeiten über iQontrol per Eingebamaske ändern kann? Es wäre ein Traum, wenn ich dann am Tablet einfach die Zeiten anpassen könnte, ohne das direkt über IOBROKER zu machen.

        Ich kann die Rollladensteuerung auch in Blockly umsetzen, wenn es dafür und iQontrol eine Möglichkeit gibt.

        Vielen Dank und schöne Grüße

        iQontrol hat recht umfangreiche Date & Time-Picker-Funktionalitäten, die weitestgehend über die Datenpunkt-Eigenschaften (Schraubenschlüssel) konfiguriert werden können. Es gibt auch ein eigenes Date & Time-Gerät.

        Schau mal hier :
        https://github.com/sbormann/ioBroker.iqontrol#-date-and-time
        Und vor allem klick auf "Show possible time formats: (klick to open)".

        Kann dann z.B. so aussehen: 53d95679-8fe2-4dd7-a6f4-5a8ea1ce5e52-image.png

        N 1 Reply Last reply Reply Quote 1
        • s.bormann
          s.bormann Most Active @mapelt last edited by

          @mapelt sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

          @dslraser

          Ich warte mal ab. Im Thermostat fehlt mir noch die Möglichkeit der direkten Temperaturauswahl. Es geht über zusätzliche Steuerelemente, aber schön ist es nicht.
          49da2ea7-3aa2-41c0-b0a5-726aeed0e4e6-grafik.png

          @s-bormann

          Es wäre schön wenn man die Temperatur nicht nur über den Slider auswählen könnte. Das wurde schon mehrfach angefragt. 😉

          5ba21b6e-4887-492b-ad27-e3a64f171af6-grafik.png

          Ist es korrekt, dass der Ventilstatus nicht in % angezeigt wird?

          Das geht jetzt 🙂

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

            @s-bormann sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

            @liv-in-sky sagte in Test Adapter iQontrol 1.6.x Vis:

            @s-bormann

            verstehe ich erst jetzt - iqontrol mag keine jquery's ?

            jetzt wo ich gerade anfange, jquery kennenzulernen und vorhabe , damit etwa mehr zu machen

            iQontrol arbeitet auch mit jQuery. Aber innerhalb den iFrames nutzt das nichts, da muss man es neu einbinden. Muss mal schauen, wie VIS das macht, dass jQuery auch innerhalb der HTML-Box zur Verfügung steht. Offensichtlich gibts da ja eine Trick!

            Altes Thema, aber so gehts:
            window.$=window.jQuery=parent.jQuery.extend(function(s){return parent.jQuery(s,document)},parent.jQuery);

            Bsp:

            <!doctype html>
            <html>
            <head>
            	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            	<meta name="widget-description" content="This is a demo widget-preset. It has no useful funcion. (C) by Sebastian Bormann"/> 
            	<meta name="widget-options" content="{'noZoomOnHover': 'true', 'hideDeviceName': 'true', 'sizeInactive': 'xwideIfInactive highIfInactive', 'iconNoPointerEventsInactive': 'true', 'hideDeviceNameIfInactive': 'true', 'hideStateIfInactive': 'true', 'sizeActive': 'fullWidthIfActive fullHeightIfActive', 'bigIconActive': 'true', 'iconNoPointerEventsActive': 'true', 'hideDeviceNameIfActive': 'true', 'hideStateIfActive': 'true', 'sizeEnlarged': 'fullWidthIfEnlarged fullHeightIfEnlarged', 'bigIconEnlarged': 'true', 'iconNoPointerEventsEnlarged': 'false', 'noOverlayEnlarged': 'true', 'hideDeviceNameIfEnlarged': 'true', 'hideStateIfEnlarged': 'true', 'popupAllowPostMessage': 'true', 'backgroundURLAllowPostMessage': 'true', 'backgroundURLNoPointerEvents': 'false'}"/>
            	<title>iQontrol Widget Test</title>
            </head>
            <body>
            	<div id="testDiv">Loading...</div>
            	<script type="text/javascript">
            		console.log("JQUERY-TEST");
            		window.$=window.jQuery=parent.jQuery.extend(function(s){return parent.jQuery(s,document)},parent.jQuery);
            		$(document).ready(function(){
            			$('#testDiv').html("<h1>Hello World</h1)");
            			console.log("Jquery works!!");
            		});
            	</script>	
            </body>
            </html>
            
            1 Reply Last reply Reply Quote 0
            • N
              noidea @s.bormann last edited by noidea

              @s-bormann

              iQontrol hat recht umfangreiche Date & Time-Picker-Funktionalitäten, die weitestgehend über die Datenpunkt-Eigenschaften (Schraubenschlüssel) konfiguriert werden können. Es gibt auch ein eigenes Date & Time-Gerät.

              Schau mal hier :
              https://github.com/sbormann/ioBroker.iqontrol#-date-and-time
              Und vor allem klick auf "Show possible time formats: (klick to open)".

              Kann dann z.B. so aussehen: 53d95679-8fe2-4dd7-a6f4-5a8ea1ce5e52-image.png

              Vielen Dank. Ich hab das jetzt mal ausprobiert und es klappt hervorrragend. iQontrol ist wirlich eine super Visu. Vielen Dank für deine ganze Mühe und Arbeit an dem Tool 👏

              1 Reply Last reply Reply Quote 1
              • N
                noidea last edited by noidea

                Hallo Zusammen,

                ist es eigentlich möglich die einzelnen Kacheln "frei" zu positionieren?

                Wäre es z.B. möglich die Uhr weiter nach rechts zu verschieben und nicht direkt neben der Kachel Arbeitszimmer so wie jetzt:

                cf6a7dc5-e053-4a23-a182-766406218da8-grafik.png

                Viele Grüße und habt einen schönen Sonntag (trotz Regen 🙂 )

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

                  @noidea sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                  Hallo Zusammen,

                  ist es eigentlich möglich die einzelnen Kacheln "frei" zu positionieren?

                  Wäre es z.B. möglich die Uhr weiter nach rechts zu verschieben und nicht direkt neben der Kachel Arbeitszimmer so wie jetzt:

                  cf6a7dc5-e053-4a23-a182-766406218da8-grafik.png

                  Viele Grüße und habt einen schönen Sonntag (trotz Regen 🙂 )

                  Nein, das ist leider nicht möglich.
                  Einzig in eine neue Zeile kannst Du sie setzen, das geht.

                  VG

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

                    @noidea frei positionieren musst du vis verwenden. iQontrol hat da bewusst eigene regeln wegen responsive...

                    1 Reply Last reply Reply Quote 0
                    • ?
                      A Former User last edited by A Former User

                      @noidea

                      Moin,

                      wie hier schon von @s-bormann und @da_Woody gesagt wurde, ist es mit einem links. rechts oder zentriert einer Kachel nicht möglich.

                      Du kannst aber auch sozusagen leere Kacheln erstellen und sie unsichtbar machen, im Bild ist eine Kachel und ein Link auf die Kachel um ein Abstand von zwei zu bekommen,
                      69e9930e-8909-4183-8b62-2815cea17fe4-grafik.png
                      fbf452e3-02c6-483e-b6a8-7e38dae63347-grafik.png

                      d4a36994-dfd0-41cf-b065-6f567786e95b-grafik.png
                      fc4e2785-d226-42b6-b19d-0da9a150635c-grafik.png
                      5e4d5084-081b-4e48-83e5-55773668f24b-grafik.png

                      Du kannst natürlich auch die Größe der Kachel anpassen
                      f265780e-4d60-472a-b359-4c63ad0d9631-grafik.png
                      4c2a63eb-84b5-4f0c-8c43-3705b27db54a-grafik.png

                      Der Export der Unsichtbaren Kachel:
                      2023-03-27_iqontrol_0_devices.json

                      VG
                      Bernd

                      N s.bormann da_Woody 3 Replies Last reply Reply Quote 1
                      • N
                        noidea @Guest last edited by

                        @dp20eic sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                        @noidea

                        Moin,

                        wie hier schon von @s-bormann und @da_Woody gesagt wurde, ist es mit einem links. rechts oder zentriert einer Kachel nicht möglich.

                        Du kannst aber auch sozusagen leere Kacheln erstellen und sie unsichtbar machen, im Bild ist eine Kachel und ein Link auf die Kachel um ein Abstand von zwei zu bekommen,
                        69e9930e-8909-4183-8b62-2815cea17fe4-grafik.png
                        fbf452e3-02c6-483e-b6a8-7e38dae63347-grafik.png

                        d4a36994-dfd0-41cf-b065-6f567786e95b-grafik.png
                        fc4e2785-d226-42b6-b19d-0da9a150635c-grafik.png
                        5e4d5084-081b-4e48-83e5-55773668f24b-grafik.png

                        Du kannst natürlich auch die Größe der Kachel anpassen
                        f265780e-4d60-472a-b359-4c63ad0d9631-grafik.png
                        4c2a63eb-84b5-4f0c-8c43-3705b27db54a-grafik.png

                        Der Export der Unsichtbaren Kachel:
                        2023-03-27_iqontrol_0_devices.json

                        VG
                        Bernd

                        Danke Euch für Euer Feedback. Das mit dem Workaround hatte ich mir auch schon überlegt, aber ohne es mir im Detail bisher angeguckt zu haben.

                        Danke Bernd für deine ausführliche Beschreibung. Ich werde das mal versuchen und ein bißchen damit rumspielen ☺

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

                          @dp20eic sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                          @noidea

                          Moin,

                          wie hier schon von @s-bormann und @da_Woody gesagt wurde, ist es mit einem links. rechts oder zentriert einer Kachel nicht möglich.

                          Du kannst aber auch sozusagen leere Kacheln erstellen und sie unsichtbar machen, im Bild ist eine Kachel und ein Link auf die Kachel um ein Abstand von zwei zu bekommen,
                          69e9930e-8909-4183-8b62-2815cea17fe4-grafik.png
                          fbf452e3-02c6-483e-b6a8-7e38dae63347-grafik.png

                          d4a36994-dfd0-41cf-b065-6f567786e95b-grafik.png
                          fc4e2785-d226-42b6-b19d-0da9a150635c-grafik.png
                          5e4d5084-081b-4e48-83e5-55773668f24b-grafik.png

                          Du kannst natürlich auch die Größe der Kachel anpassen
                          f265780e-4d60-472a-b359-4c63ad0d9631-grafik.png
                          4c2a63eb-84b5-4f0c-8c43-3705b27db54a-grafik.png

                          Der Export der Unsichtbaren Kachel:
                          2023-03-27_iqontrol_0_devices.json

                          VG
                          Bernd

                          Mega Idee! Kompliment!

                          ? 1 Reply Last reply Reply Quote 0
                          • ?
                            A Former User @s.bormann last edited by

                            @s-bormann

                            Danke schön, ich kann das Kompliment nur weitergeben, für den tollen Adapter, die erstklassige Visualisierung.

                            VG
                            Bernd

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

                              @dp20eic gefällt mir auch. Allerdings passt der Abstand von 2 nicht mit deinem Export überein. Da hat du 3x1 drinnen. 😉 Das wäre am Handy 2 Leerzeilen...
                              Kann man aber leicht ändern... 🙂

                              ? 1 Reply Last reply Reply Quote 0
                              • ?
                                A Former User @da_Woody last edited by

                                @da_woody

                                Moin,

                                ja, ich bin nicht stringent vorgegangen, ich habe ohne zu schauen wie die Kachel eingestellt ist, die Screenshots gemacht.
                                Deswegen habe ich auch eine Kachel und ein Link auf diese Kachel.

                                Im Nachgang habe ich mit der Größe der Kacheln getestet, aber keinen Screenshot mehr gepostet, man kann mit der Größe der Kacheln spielen und schauen wie es am besten passt, es wird nie so genau, wie wenn man VIS benutzt, wobei VIS 1.x halt auch nicht responsive ist und erst VIS 2.x etwas in die Richtung zu bieten hat, dann ist man aber auch nicht mehr Pixel genau. Somit muss man einen Tod sterben.

                                iqontrol ist so weit ich das verstehe horizontal ausgerichtet, durch NZ und die Größeneinstellung kann man die Kacheln etwas organisieren, in VIS 2 wird es vertikale Spalten geben, in dieWidgets/Kacheln eingefügt werden und somit bei Größenänderungen innerhalb der vertikalen Spalten organisiert werden.

                                Ich bin leider schlecht, was das Designen von schönen Visualisierungen angeht und bin mit den Möglichkeiten, die mir iqontrol bietet, zu 100 % zufrieden.

                                Wenn ich hier sehe, was so mancher aus diesen Möglichkeiten zaubert, bin ich echt baff.

                                VG
                                Bernd

                                1 Reply Last reply Reply Quote 2
                                • N
                                  noidea last edited by

                                  Hallo Zusammen,

                                  ich hatte hier in diesem Thema im Post-Nr. 4292 die Flip Clock von siedi gefunden. Da steht das man die Dateien hochladen und dann bei Background_URL auswählen soll:
                                  https://213.136.68.177/topic/22039/test-adapter-iqontrol-2-0-x-vis-entwicklungs-thread/4292?lang=en-GB&page=5

                                  Hat das mal jemand ausprobiert? Wenn ich das mache bekomme ich nur ein leeres Widget angezeigt:

                                  0a5afd9a-c1c5-4c46-a68d-a5466d6929cb-grafik.png

                                  Ich habe ein Widget erstellen lassen und dann das html ausgewählt.

                                  ed99fe69-1e15-4677-bdd7-0bd6c8cccc8a-grafik.png

                                  Ich finde die Uhr echt schön und würde die gerne verwenden. Das ist doch bestimmt wieder ne Blödheit von mir, das es nicht klappt 🙄 😬

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

                                    @noidea sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                                    Ich habe ein Widget erstellen lassen und dann das html ausgewählt.

                                    ich denk mal, da liegt das problem.
                                    nicht erstellen lassen, sondern widget als gerät wählen.
                                    steht in dem beitrag aber auch gut beschrieben.
                                    die dateien raufladen
                                    2fb13662-2f31-4f24-8362-8cad43f9a865-grafik.png
                                    und dann
                                    clock_iqontrol_0_devices.json
                                    importieren.
                                    ergebniss
                                    24b5b506-8764-4d41-998e-7f023835de94-grafik.png
                                    entsprechend anpassen für dich.

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

                                      @da_woody

                                      Ich habe auch mal manuell ein Gerät hinzugefügt, aber ich sehe gerade, das bei mir die flip.min.js Datei fehlt. Ich kann diese auch gar nicht hinzufügen. Ich kann nur eine js-Datei erstellen. Da sehe ich mal wieder, wie viel ich immer noch nicht weiß und kapiere 😖

                                      Wie hast du die Datei hochgeladen?

                                      Deine jason kann ich leider nicht importieren, weil da das mit einem Fehler abbricht:

                                      e2a35160-f59c-4e03-8d4d-a1f816d98b4f-grafik.png

                                      da_Woody 2 Replies Last reply Reply Quote 0
                                      • da_Woody
                                        da_Woody @noidea last edited by

                                        @noidea gerade nochmal die .zip geholt. da ist die datei drinnen.
                                        entpacken und in das verzeichniss raufladen.
                                        62fa1d07-7681-4295-9aed-69fc4857fa9f-grafik.png
                                        warum der fehler, keine ahnung. eventuell wegen der fehlenden datei?
                                        schon lange her, lööpt bei mir aber seit damals...

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

                                          @noidea sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                                          Wie hast du die Datei hochgeladen?

                                          wie alles andere auch.
                                          a123f973-2456-46e9-8fe2-6cd9837eae9d-grafik.png
                                          alle markieren,
                                          beb23426-92b1-43c7-b9b3-c7282ea2ca29-grafik.png
                                          fertig ist der käse...

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

                                            @da_woody

                                            Und genau da liegt bei mir dern Hund begraben: Ich finde die Datei in dem Zip auch, aber wenn ich die hochladen will, dann fehlt diese:

                                            fe5e5829-4adf-435b-a0dc-75999a921e9e-grafik.png

                                            Erst wenn ich unten rechts auf "Alle Dateien" wechsel, sehe ich die:

                                            c0614586-02c0-4437-8016-c46d74910cdb-grafik.png

                                            Und wenn ich die dann auswähle bekomme ich folgende Fehlermeldung:

                                            c08fc931-4a48-45e1-b3bb-3fa702263fed-grafik.png

                                            Da scheint mit meiner Installation oder was auch immer nicht zu stimmen.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

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