Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    21
    1
    821

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

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

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

    @opa75
    Hi, du musst mir mal bitte einen Link auf den Thread schicken, den du meinst, das ist so lange her und ich arbeite nicht mehr aktiv damit. Bitte aber vorher sicherstellen, dass du verstanden hast, wie man eigene Datenpunkte im ioBroker anlegt, dazu gibt es Youtube Videos :-)

    O Offline
    O Offline
    Opa75+
    wrote on last edited by
    #7110

    @blackeagle998 Ich habe "geschmökert" :confused: in YouTube. Die scripts "script_clock.js und script_clock.css" in den bestehenden Datenpunkten einfügen ist meine Crux. Ich versuchte diese nun, mit Hilfe Benutzerdefinierte Einstellungen, in Iqontrol einzusetzen. Falls das der richtige Weg wäre => wo müsste ich das script jeweils einfügen? Die Datenpunkte sind vorhanden, IP-Adresse und Pfade für die Icons geändert.
    Ich finde in den Scripts nicht , wo ich "show_waste=true" auf false ändern kann.
    Die ical Instanz (Kalender) ist nicht vorhanden! Wird diese eventuell bei Aktivierung vom script_createFiles angelegt?
    Vielleicht hast Du mal Zeit mir die nötigen Infos zu geben.:grinning:

    B 1 Reply Last reply
    0
    • O Opa75+

      @blackeagle998 Ich habe "geschmökert" :confused: in YouTube. Die scripts "script_clock.js und script_clock.css" in den bestehenden Datenpunkten einfügen ist meine Crux. Ich versuchte diese nun, mit Hilfe Benutzerdefinierte Einstellungen, in Iqontrol einzusetzen. Falls das der richtige Weg wäre => wo müsste ich das script jeweils einfügen? Die Datenpunkte sind vorhanden, IP-Adresse und Pfade für die Icons geändert.
      Ich finde in den Scripts nicht , wo ich "show_waste=true" auf false ändern kann.
      Die ical Instanz (Kalender) ist nicht vorhanden! Wird diese eventuell bei Aktivierung vom script_createFiles angelegt?
      Vielleicht hast Du mal Zeit mir die nötigen Infos zu geben.:grinning:

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

      @opa75
      Hast du in der iobroker Objektansicht die folgenden Datenpunkte angelegt?
      0_userdata.0.Zeit.clock_html_js
      0_userdata.0.Zeit.clock_html_css

      Da muss jeweils der Inhalt aus den Dateien rein kopiert werden.

      Versteh mich nicht falsch, aber du musst das Prinzip der Datenpunkte verstehen, wie man sie anlegt, beschreibt, ausliest etc.
      Vielleicht guckst du dir das hier mal an:
      https://youtu.be/R5HCABYOVtQ

      Danach weißt du auch was eine ical Instanz ist.

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

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

        @mane444 ich will das jetzt nicht ausprobieren. :D
        aber, da steht mehrzahl: Ansichten dürfte sich um eine falschinterpretation deinereiner handeln...
        überschreiben/löschen... kann man schon falsch verstehn... hoffe, du hattest ein backup!

        Stimmt, das ganze ist missverständlich. Werde es umbenennen. Am besten in
        "bestehende Ansichten löschen", oder?

        M Online
        M Online
        mane444
        wrote on last edited by
        #7112

        @s-bormann ein Hinweis egal wie wäre auf jeden Fall hilfreich. Es sollte nur ersichtlich sein das sich Überschreiben auf alle Ansichten bezieht.
        Aber wie schon geschrieben der Adapter ist absolut Super, danke für die tolle Arbeit.

        1 Reply Last reply
        0
        • dslraserD dslraser

          @da_woody
          Ja, Farbe passt. Ansonsten keine Eile.

          Farbe ist bei mir so (und bei Deinen Icon auch)

          Bildschirmfoto 2022-03-23 um 13.02.19.png

          da_WoodyD Offline
          da_WoodyD Offline
          da_Woody
          wrote on last edited by
          #7113

          @dslraser another try... :)
          batlow.png bat15v.png bat3v.png batper.png

          gruß vom Woody
          HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

          dslraserD 1 Reply Last reply
          1
          • da_WoodyD da_Woody

            @dslraser another try... :)
            batlow.png bat15v.png bat3v.png batper.png

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

            @da_woody
            zum Vergleich. LowBat habe ich eben ausgetauscht

            99132310-6D83-4D03-8A82-B4D5F6584C7E.jpeg

            da_WoodyD 1 Reply Last reply
            0
            • dslraserD dslraser

              @da_woody
              zum Vergleich. LowBat habe ich eben ausgetauscht

              99132310-6D83-4D03-8A82-B4D5F6584C7E.jpeg

              da_WoodyD Offline
              da_WoodyD Offline
              da_Woody
              wrote on last edited by
              #7115

              @dslraser zufrieden, oder noch wünsche?

              gruß vom Woody
              HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

              dslraserD 1 Reply Last reply
              1
              • da_WoodyD da_Woody

                @dslraser zufrieden, oder noch wünsche?

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

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

                @dslraser zufrieden, oder noch wünsche?

                Danke Dir, zufrieden 👍
                (ich bin wieder nur am Handy, den einen Austausch habe ich auch am Handy gemacht, die anderen tausche ich dann morgen)

                1 Reply Last reply
                1
                • O Offline
                  O Offline
                  Opa75+
                  wrote on last edited by
                  #7117

                  @blackeagle998 Datenpunkte wurden angelegt.
                  Bildschirmfoto 2022-03-24 um 08.58.48.png Bildschirmfoto 2022-03-24 um 08.56.10.png

                  Iqontrol.0.Meta ist nicht angelegt. ?...createFiles starten?
                  Den kompletten Inhalt der Datei clock.js in den Datenpunkt '0_userdata.0.Zeit.clock_html_js' schreiben.
                  Diese Anweisung verstehe ich nicht. Dasselbe gilt auch für ...clock_html_css.
                  Wie oder wo muss das geschehen?

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

                    Willkommen im iQontrol-Entwicklungs-Thread!

                    iQontrol ist ein Visualisierungs-Adapter.

                    Number of Installations
                    Stable version
                    NPM version
                    Downloads
                    Known Vulnerabilities

                    Dies ist der Entwicklungs-Thread

                    Hier werden die neuesten Updates veröffentlicht, neue Ideen und Features diskutiert und es finden alpha und beta-Tests statt. Wer also immer auf dem neuesten Stand sein will oder sich aktiv einbringen möchte, ist hier richtig aufgehoben.

                    Alternativ gibt es noch den iQontrol-Support-Thread. Hier sollen Support-Anfragen gestellt und diskutiert werden:
                    https://forum.iobroker.net/topic/52077

                    Wichtige Resourcen

                    Das Readme auf Github beschreibt die wichtigsten Einstellungen, Troubleshooting etc.:
                    https://github.com/sbormann/ioBroker.iqontrol

                    Video-Tutorials:
                    https://www.youtube.com/playlist?list=PL8epyNz8pGEv6-R8dnfXm-m5aBlZFKOBG

                    Wiki mit einer Sammlung nützlicher Scripte, Widgets etc.:
                    https://github.com/sbormann/ioBroker.iqontrol/wiki

                    Viel Spaß und Erfolg,
                    Sebastian

                    N Offline
                    N Offline
                    Nordischerjung
                    wrote on last edited by
                    #7118

                    @s-bormann Moin, ich habe mir ein WLAN Grillthermometer gebaut und visualisiere diesen mit iQontrol.
                    Screenshot_20220324-115617_Chrome.jpg

                    Leider sind die Werte sehr klein, egal ob 2x1 oder 1x1 oder groß beim klicken. Kann man die Werte größer erstellen?

                    Gruß Nordischerjung

                    sonnige Grüße von der Ostsee

                    da_WoodyD N s.bormannS 3 Replies Last reply
                    0
                    • N Nordischerjung

                      @s-bormann Moin, ich habe mir ein WLAN Grillthermometer gebaut und visualisiere diesen mit iQontrol.
                      Screenshot_20220324-115617_Chrome.jpg

                      Leider sind die Werte sehr klein, egal ob 2x1 oder 1x1 oder groß beim klicken. Kann man die Werte größer erstellen?

                      da_WoodyD Offline
                      da_WoodyD Offline
                      da_Woody
                      wrote on last edited by da_Woody
                      #7119

                      @nordischerjung wenn ich deine pixs richtig erkenne, dann sind die werte info_a
                      da kannst du dir schriftgröße in den optionen einstellen...

                      gruß vom Woody
                      HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                      1 Reply Last reply
                      0
                      • O Offline
                        O Offline
                        Opa75+
                        wrote on last edited by
                        #7120

                        @blackeagle998 Liege ich richtig, die beiden scripts gehören im Widget eingefügt! Wenn ja, bei welchen Punkten. Könntest Du mir das mitteilen?

                        1 Reply Last reply
                        0
                        • N Nordischerjung

                          @s-bormann Moin, ich habe mir ein WLAN Grillthermometer gebaut und visualisiere diesen mit iQontrol.
                          Screenshot_20220324-115617_Chrome.jpg

                          Leider sind die Werte sehr klein, egal ob 2x1 oder 1x1 oder groß beim klicken. Kann man die Werte größer erstellen?

                          N Offline
                          N Offline
                          Nordischerjung
                          wrote on last edited by Nordischerjung
                          #7121

                          @da_Woody Moin,
                          bei Info_A und B hab ich nichts.

                          10db4ad6-d72d-4b26-8443-f2343c2a218a-grafik.png

                          Gruß Nordischerjung

                          sonnige Grüße von der Ostsee

                          da_WoodyD 1 Reply Last reply
                          0
                          • N Nordischerjung

                            @da_Woody Moin,
                            bei Info_A und B hab ich nichts.

                            10db4ad6-d72d-4b26-8443-f2343c2a218a-grafik.png

                            da_WoodyD Offline
                            da_WoodyD Offline
                            da_Woody
                            wrote on last edited by
                            #7122

                            @nordischerjung ja, aber die temperatur wird an der position angezeigt und da glaube ich, das die schriftröße von info genommen wird.
                            hast du schon probiert das nicht als temperatur, sondern als state einzutragen? dann müsste das unten und somit größer angezeigt werden.
                            hab jetzt keine zeit zum testen, sollte aber funktionieren...

                            gruß vom Woody
                            HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                            1 Reply Last reply
                            0
                            • O Opa75+

                              @blackeagle998 Datenpunkte wurden angelegt.
                              Bildschirmfoto 2022-03-24 um 08.58.48.png Bildschirmfoto 2022-03-24 um 08.56.10.png

                              Iqontrol.0.Meta ist nicht angelegt. ?...createFiles starten?
                              Den kompletten Inhalt der Datei clock.js in den Datenpunkt '0_userdata.0.Zeit.clock_html_js' schreiben.
                              Diese Anweisung verstehe ich nicht. Dasselbe gilt auch für ...clock_html_css.
                              Wie oder wo muss das geschehen?

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

                              @opa75
                              Die Datei clock.js mit einem Texteditor öffnen, alles markieren und den Inhalt kopieren. Anschließend im ioBroker der Datenpunkt bearbeiten clock_html_js bearbeiten und den kopierten Inhalt einfügen. Gleiches gilt für die css Datei.
                              Zum Bearbeiten eines Datenpunktes in das Feld "Wert" klicken.

                              O 1 Reply Last reply
                              0
                              • B blackeagle998

                                @opa75
                                Die Datei clock.js mit einem Texteditor öffnen, alles markieren und den Inhalt kopieren. Anschließend im ioBroker der Datenpunkt bearbeiten clock_html_js bearbeiten und den kopierten Inhalt einfügen. Gleiches gilt für die css Datei.
                                Zum Bearbeiten eines Datenpunktes in das Feld "Wert" klicken.

                                O Offline
                                O Offline
                                Opa75+
                                wrote on last edited by
                                #7124

                                @blackeagle998 Danke für die Anleitung. Bis hier war ich schon einmal. Ich weiß nicht wo einfügen! Zwischen den geschwungenen Klammen bei native? => Ergibt Fehler; Umrandung rot. Bin leider mit Html und Javascript vollkommener Neuling. VIS läuft bei mir, aber Iqontrol finde ich so toll, dass ich gerne damit arbeiten möchte. Mit den Räumen und Geräten geht es ja halbwegs, nur bei nicht vordefinierten Widgets stehe ich an.

                                B 1 Reply Last reply
                                0
                                • O Opa75+

                                  @blackeagle998 Danke für die Anleitung. Bis hier war ich schon einmal. Ich weiß nicht wo einfügen! Zwischen den geschwungenen Klammen bei native? => Ergibt Fehler; Umrandung rot. Bin leider mit Html und Javascript vollkommener Neuling. VIS läuft bei mir, aber Iqontrol finde ich so toll, dass ich gerne damit arbeiten möchte. Mit den Räumen und Geräten geht es ja halbwegs, nur bei nicht vordefinierten Widgets stehe ich an.

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

                                  @opa75
                                  Hast Recht, auf dem Stift editiert man die Einstellungen des Datenpunktes, aber nicht den Wert.
                                  Dafür musst du in der Spalte "Wert" in das Feld klicken, hier im Beispiel auf "Samstag" klicken:
                                  11592991-04e4-44ec-ad83-59bf976b325e-image.png

                                  Danach solltest du folgendes Fenster sehen, wo du den kopierten Inhalt der clock.js hinein kopierst und auf "Wert setzen" klickst.
                                  fbaa63cc-92ce-49a5-89ec-3230f1f6d308-image.png

                                  O 2 Replies Last reply
                                  0
                                  • B blackeagle998

                                    @opa75
                                    Hast Recht, auf dem Stift editiert man die Einstellungen des Datenpunktes, aber nicht den Wert.
                                    Dafür musst du in der Spalte "Wert" in das Feld klicken, hier im Beispiel auf "Samstag" klicken:
                                    11592991-04e4-44ec-ad83-59bf976b325e-image.png

                                    Danach solltest du folgendes Fenster sehen, wo du den kopierten Inhalt der clock.js hinein kopierst und auf "Wert setzen" klickst.
                                    fbaa63cc-92ce-49a5-89ec-3230f1f6d308-image.png

                                    O Offline
                                    O Offline
                                    Opa75+
                                    wrote on last edited by
                                    #7126

                                    @blackeagle998 Herzlichen Dank, bin wieder einen Schritt weiter.:grinning:

                                    M 1 Reply Last reply
                                    0
                                    • O Opa75+

                                      @blackeagle998 Herzlichen Dank, bin wieder einen Schritt weiter.:grinning:

                                      M Offline
                                      M Offline
                                      muuulle
                                      wrote on last edited by muuulle
                                      #7127

                                      @s-bormann
                                      Meine mit dem Timepicker geänderten Datenpunkte hängen um eine Stunde. Zeitzone des Pi ist richtig. Hat das mit der Zeitumstellung zu tun?! 🤔

                                      Lag an einer Berechnung, die mit dem Datenpunkt durchgeführt wurde. Ich hab’s mit einem kleinen Blockly umgangen!

                                      1 Reply Last reply
                                      1
                                      • B blackeagle998

                                        @opa75
                                        Hast Recht, auf dem Stift editiert man die Einstellungen des Datenpunktes, aber nicht den Wert.
                                        Dafür musst du in der Spalte "Wert" in das Feld klicken, hier im Beispiel auf "Samstag" klicken:
                                        11592991-04e4-44ec-ad83-59bf976b325e-image.png

                                        Danach solltest du folgendes Fenster sehen, wo du den kopierten Inhalt der clock.js hinein kopierst und auf "Wert setzen" klickst.
                                        fbaa63cc-92ce-49a5-89ec-3230f1f6d308-image.png

                                        O Offline
                                        O Offline
                                        Opa75+
                                        wrote on last edited by
                                        #7128

                                        @blackeagle998 Ich war anders beschäftigt und komme erst jetzt dazu die Script-Werte zu setzen. Ich bekomme da keinen Wert gesetzt. Es stehen die beiden scripts im Wert.

                                        5bcc5da5-1643-4acf-8798-86d84f45d9ba-image.png

                                        Anbei die beiden Skripte.

                                        clock.js

                                        function setState(stateId, value){
                                            sendPostMessage("setState", stateId, value);
                                        }
                                        
                                        function sendPostMessage(command, stateId, value){
                                            message = { command: command, stateId: stateId, value: value};
                                            window.parent.postMessage(message, "*");
                                        }
                                        

                                        und clock.css

                                        body {
                                        	background-color: #005c78;
                                        	font-family:Verdana;
                                        	color: Silver;
                                        }
                                        
                                        span {
                                            /* Rahmen: abgerundete Ecken (5px), Strichstaerke (0px = aus) und Farbe */
                                            /* border-radius:5px;border-collapse:separate;border:1px solid gainsboro;border-color:White; */
                                            /* margin-left:28vw; */
                                            /* Textausrichtung */
                                            text-align:left;
                                            /* Schriftfarbe */
                                            /* Wer keine Hintergrundfarbe fuer die Boxen will, kommentiert die nachfolgende Zeile aus oder loescht sie. */
                                            /* background-color:#47575c; */
                                        }
                                        
                                        td {
                                            padding-left:2vw;
                                        	border-width:1px;
                                            border-style:solid;
                                            border-color:black;
                                        }
                                        
                                        input {
                                            height:10vw;
                                            width:10vw;
                                        }
                                        
                                        img {
                                            height:5vw;
                                            width:5vw;
                                        }
                                        
                                        .box_column {
                                            display:flex;
                                            /* Elemente werden untereinander dargestellt */
                                            flex-direction: column;
                                            justify-content: flex-start;
                                            /* Rahmen: abgerundete Ecken (5px), Strichstärke (0px = aus) und Farbe */
                                            /* border-radius:5px;border-collapse:separate;border:2px solid gainsboro;border-color:yellow; */
                                        }
                                        
                                        .box_row {
                                            display: flex;
                                            /* Elemente werden untereinander dargestellt */
                                            flex-direction: row;
                                            justify-content: space-between;
                                            /* Rahmen: abgerundete Ecken (5px), Strichstaerke (0px = aus) und Farbe */
                                            /* border-radius:5px;border-collapse:separate;border:2px solid gainsboro;border-color:yellow; */
                                        }
                                           
                                        /* Hier habt ihr die Moeglichkeit, CSS Eigenschaften fuer jede Box einzeln einzutragen. */
                                        /* Bspw. koennt ihr hier eine separate Hintergrundfarbe einstellen. */
                                        /* Ausserdem steuert ihr hier die Schriftgroessen der einzelnen Boxen */
                                        .box_uhr {
                                        	font-size:14vw;
                                        }
                                        
                                        .box_datum {
                                        	font-size:4vw;
                                        }
                                        
                                        .box_wetter_temperatur {
                                        		font-size:4vw;
                                        		min-width:15vw;
                                        		text-align:center;
                                        }
                                        
                                        .box_wetter_text {
                                        		font-size:3vw;
                                        		max-width:40vw;
                                        		text-align:center;
                                        }
                                         
                                        .img_wetter {
                                            height:15vw;
                                            width:15vw;
                                        }
                                        
                                        .img_waste {
                                            height:15vh;
                                            width:20vw;
                                        }
                                         
                                        .table_Wettervorschau {
                                            margin-top:3vw;
                                            border-collapse: collapse;
                                            font-size:3vw;
                                        }
                                        

                                        Sorry, aber wie gesagt ich habe keine Ahnung von Programmierung.

                                        1 Reply Last reply
                                        0
                                        • C Offline
                                          C Offline
                                          Cino
                                          wrote on last edited by
                                          #7129

                                          6bbe6dc7-b001-41c3-a212-cdafc3358bce-image.png

                                          84d4f7e7-54a4-41ae-9f7e-a89ce8d52d43-image.png

                                          Kann ich mir im Widget statt der Ziffer direkt das Heizprofil anzeigen lassen? Der Datenpunkt den ich anzeigen lassen will gibt nur Ziffern her.

                                          IOB@RPI4
                                          Shelly, Zigbee, ebus

                                          da_WoodyD 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

                                          678

                                          Online

                                          32.5k

                                          Users

                                          81.6k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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