Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. iQontrol Vis Support Thread

    NEWS

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    iQontrol Vis Support Thread

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

      Hallöche zusammen,

      ich hab mal wieder so meine Handlingssorgen mit der Darstellung. Nachdem ich mich seit Ewigkeiten nicht um meine "Home" Ansicht gekümmert habe, weis ich nun auch wieder warum. Wenn ich das alles so sortiere wie ich es haben will (und auch auf anderen Ansichten nicht anders mache) sieht das ganze so aus:

      IMG_7041.PNG

      Was mache ich falsch? Ich hab auch schon versucht den Home-Button vom Panel unten auf eine andere Ansicht zu verlinken. Ergebnis bleibt das selbe.

      Pls... Help... 👼

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

        @memphispdm seltsam. zeig mal die config von deinem homescreen.

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

          @da_woody meinst Du das hier?

          Home-config.JPG

          Edit: Sieht auf dem Tablet an der Wand übrigens genau so aus.

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

            @memphispdm sagte in iQontrol Vis Support Thread:

            Edit: Sieht auf dem Tablet an der Wand übrigens genau so aus.

            klar 😉
            nimm mal die haken bei NZ raus...

            M 1 Reply Last reply Reply Quote 1
            • M
              MemphisPDM @da_Woody last edited by

              @da_woody ändert nichts, dann sieht es so aus:

              IMG_7042.PNG

              M 1 Reply Last reply Reply Quote 0
              • L
                luder last edited by

                Hallo,

                ich versuche gerade ein Gauge als Hintergrundbild in einer Kachel anzuzeigen. Vom Prinzip habe ich das auch hinbekommen, nur die Positionierung passt nicht.
                Die Anzeige ist immer zu weit rechts.

                b0bf04d8-1860-4869-b39e-80a70a822f63-grafik.png

                Wenn ich margin-left ändere hat das leider keine Einfluss uf die Positionierung. Bin leider kein Experte auf dem Gebiet. Vielleicht hat von euch einer mehr Fachwissen und kann mir eine Tipp geben?

                Eingebunden habe ich es als BACKGROUND_HTML.

                Hier noch der entsprechende HTML Code:

                <!doctype html>
                <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"></script>
                <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/justgage/1.2.9/justgage.min.js"></script>
                
                <html>
                
                <head>
                    <meta charset="utf-8" />
                    <title>Counter</title>
                    <meta name="viewport" content="width=device-width">
                    <style>
                        .container {
                            width: 300px;
                            margin-left: -50px;
                            text-align: center;
                        }
                
                        .gauge {
                            
                            margin-left: -50px;
                            //margin-top: -50px;  
                            width: 180px;
                            height: 180px;
                            }
                
                        a:link.button,
                        a:active.button,
                        a:visited.button,
                        a:hover.button {
                            margin: 30px 5px 0 2px;
                            padding: 7px 13px;
                        }
                    </style>
                </head>
                
                <body>
                      <div class="container">
                        <div id="g1" class="gauge"></div>
                    </div>
                
                    <script>
                        var g1;
                             document.addEventListener("DOMContentLoaded", function (event) {
                            g1 = new JustGage({
                                id: "g1",
                                title: "Font Options",
                                value: 20,
                                min: 0,
                                minTxt: "min",
                                max: 100,
                                maxTxt: "max",
                                gaugeWidthScale: 1.1,
                                levelColors : [  "#ff0000", "#F27C07",  "#a9d70b" ],
                                valueMinFontSize:30,
                                counter: true,
                               titleFontColor: "red",
                                titleFontFamily: "Georgia",
                               titlePosition: "below",
                                valueFontColor: "black",
                                valueFontFamily: "Arial",
                                pointer: true,
                                
                        pointerOptions: {
                          toplength: -15,
                          bottomlength: 10,
                          bottomwidth: 12,
                          color: '#8e8e93',
                          stroke: '#ffffff',
                          stroke_width: 3,
                          stroke_linecap: 'round'
                        },
                        });
                        });
                        
                    </script>
                </body>
                
                </html>
                
                F 1 Reply Last reply Reply Quote 0
                • F
                  Flycatcher @luder last edited by

                  Hallo,

                  kann ich den Gerätenamen in der Kachel über einen Datenpunkt anzeigen.
                  Also je nach Text im Datenpunkt wird der Gerätename anders angezeigt.
                  dc7c1c0e-7b54-4145-a02e-8b94bbe1f413-image.png
                  Wie hier zum Beispiel der Text Schlafzimmer. Wenn das geht wie stelle ich dort einen Datenpunkt ein?
                  Hab das leider noch nicht gefunden.

                  F 1 Reply Last reply Reply Quote 0
                  • M
                    MemphisPDM @MemphisPDM last edited by

                    @da_Woody

                    Problem ist gelöst. Die rechte Kachel in der ersten Reihe war glaube ich eine Popup- oder Widget-Kachel und hat damit das Layout verschoben/verrückt. Hab eine neue Kachel (für öffis Verbindung) eingestellt und siehe da, alles so wie es sein soll.

                    Trotzdem Danke für den Input 🙂

                    1 Reply Last reply Reply Quote 1
                    • M
                      MemphisPDM last edited by

                      Jetzt komme ich dann doch nochmal mit zwei weiteren Themen um die Ecke.

                      1. Glow
                        Wie man sieht ist der Heizungsboost mit einem Glow hinterlegt. Bei inaktiver Kachel blau, bei aktiver Kachel rot. Da das ein Schalter ist, ist relativ klar wann sie inaktiv und aktiv ist.
                        Nun habe ich die beiden Heizkörperthermostate. Ich würde diese gerne rot leuchten lassen wenn die Ventilöffnung größer 0 ist (wird in INFO_B gerade mit 0 angezeigt). Ist das überhaupt möglich? Die Kachel ist ja eigentlich "daueraktiv"

                      2. Kann man die Überschrift "Licht" und "Heizung" dynamisch zentrieren? So wie die Kacheln auch?

                      IMG_7048.PNG

                      Danke für Euren Input 🙂

                      da_Woody dslraser s.bormann 4 Replies Last reply Reply Quote 0
                      • da_Woody
                        da_Woody @MemphisPDM last edited by

                        @memphispdm sagte in iQontrol Vis Support Thread:

                        Kann man die Überschrift "Licht" und "Heizung" dynamisch zentrieren? So wie die Kacheln auch?

                        leider noch nichts gefunden, aber du kannst zumindest verschieben
                        2e8733cc-82a7-48c2-811f-d403ece51d5f-grafik.png
                        be26e037-7261-44f0-aaeb-5589607a7044-grafik.png
                        nebenbei hast du einen tappfühler drinnen. 😉
                        89c250a8-1cba-45b6-9e3a-a9ac8bd8af62-grafik.png

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

                          @memphispdm zu der glowgeschichte...
                          keine garantie, aber könnte funzen.
                          den boost als additional-control anlegen, errorDP als anzeige missbrauchen (anderes icon) für ein/aus.
                          dann sollte auch glow dort funktionieren.
                          ich hatte das vorher auch getrennt über thermostat und temp-sensor.
                          2fa970ec-ad4a-4709-9a30-a4c0e9d8e965-grafik.png
                          dann ist mir die idea gekommen, wie ich das zusammentackern kann. wenn ein, dann kommt ein badge.
                          3146777d-923b-4522-a40f-f596d532bd88-grafik.png
                          nur mal so als grundlage für überlegungen, wie du das lösen kannst.

                          M 1 Reply Last reply Reply Quote 0
                          • F
                            Flycatcher @Flycatcher last edited by

                            @flycatcher said in iQontrol Vis Support Thread:

                            Hallo,

                            kann ich den Gerätenamen in der Kachel über einen Datenpunkt anzeigen.
                            Also je nach Text im Datenpunkt wird der Gerätename anders angezeigt.
                            dc7c1c0e-7b54-4145-a02e-8b94bbe1f413-image.png
                            Wie hier zum Beispiel der Text Schlafzimmer. Wenn das geht wie stelle ich dort einen Datenpunkt ein?
                            Hab das leider noch nicht gefunden.

                            Hat sich erledigt. Nach rumprobieren und weiterem suchen habe ich die Info hier gefunden:
                            https://github.com/sbormann/ioBroker.iqontrol#device-names

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

                              @da_woody der Input ist garnicht so doof, das mit dem Badge gefällt mir ganz gut. Die Idee könnte noch weiter gehen. Man macht ein Skript, welches den Öffnungszustand des Ventil erkennt. Ist Der Öffnungszustand größer 0, dann wird in Info_B (wo es bei mir jetzt die Öffnung anzeigt) nur „An“ oder „Aus“ gezeigt. Die Leistung kann ich eh nicht ermitteln am Heizkörper, da ich dafür die VL/RL Temperatur dauerhaft messen müsste und vorallem auch den Durchfluss bräuchte.

                              Die Frage ist nur, wie bekomme ich das „dynamisch“ in Info_B oder auch das bereitgestellt. Hast Du da eine Idee zu? Bin gerade leider nur am Tablet unterwegs, da im Urlaub.

                              P.S.: Danke für den Hinweis auf den Tippfehler 😄

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

                                @memphispdm auf die idea mit dem badge bin ich gekommen, weil ja eben beim thermostat der glow nicht funktioniert.
                                da ich beim scripten droelf.gif bin, kann ich dir da nicht weiterhelfen. bei mir ist heizen ja rein infrarot. aber du könntest ja im badge den öffnungswinkel anzeigen. dann haste infoB für was anderes frei.
                                allerdinx glaub ich, daß du über den schraubenschlüssel eine valuelist anlegen kannst fürs "dynamische"
                                5ad8147c-a29e-4fce-b770-31c271e06481-grafik.png
                                scheenen urlaub!

                                1 Reply Last reply Reply Quote 0
                                • dslraser
                                  dslraser Forum Testing Most Active @MemphisPDM last edited by dslraser

                                  @memphispdm sagte in iQontrol Vis Support Thread:

                                  Jetzt komme ich dann doch nochmal mit zwei weiteren Themen um die Ecke.

                                  Glow
                                  Wie man sieht ist der Heizungsboost mit einem Glow hinterlegt. Bei inaktiver Kachel blau, bei aktiver Kachel rot. Da das ein Schalter ist, ist relativ klar wann sie inaktiv und aktiv ist.
                                  Nun habe ich die beiden Heizkörperthermostate. Ich würde diese gerne rot leuchten lassen wenn die Ventilöffnung größer 0 ist (wird in INFO_B gerade mit 0 angezeigt). Ist das überhaupt möglich? Die Kachel ist ja eigentlich "daueraktiv"

                                  Ich habe das bei mir wie folgt:
                                  (vielleicht als Anregung für Dich zu gebrauchen)

                                  In meiner Hauptansicht habe ich nur kleine Kacheln (hier z.B. das Heizungssymbol-wenn keine meiner "Heizungen" aktiv ist sieht es so aus)

                                  Bildschirm­foto 2022-12-31 um 15.31.47.png

                                  Beim Klick auf das Symbol öffnet sich meine Seite mit den Heizungen. (kein Badge und Glow in blau, wenn kein Boost oder level (Ventilöffnung = 0 ist))

                                  Bildschirm­foto 2022-12-31 um 15.32.06.png

                                  Hauptseite wenn z.B. wie hier 2 Heizungen aktiv sind (Boost mal für Dich angemacht)

                                  Bildschirm­foto 2022-12-31 um 15.32.46.png

                                  Klick auf das Symbol (an zwei Heizungen Boost angeschaltet. Ventilöffnung ist im Badge in Prozent zu sehen und die Kacheln sind hell sowie Glow in rot)

                                  Bildschirm­foto 2022-12-31 um 15.32.55.png

                                  Das Ganze macht ein Blockly (ich stelle später gern einen Export vom Blockly hier rein, wenn gewünscht)

                                  Das Blockly legt folgende Datenpunkte an, diese verwende ich dann in iQontrol.

                                  Bildschirm­foto 2022-12-31 um 15.33.37.png

                                  Hier verwende ich die erstellten Datenpunkte.

                                  Bildschirm­foto 2022-12-31 um 15.45.18.png

                                  Bildschirm­foto 2022-12-31 um 15.45.35.png

                                  Das Blockly kann max 6 Heizungen verarbeiten. (oder weniger) Wenn mehr benötigt wird, dann müßte man das Blockly erweitern.
                                  Ich verwende Heizgruppen über den hmrpc Adapter (HMIP Wandthermostate und Heizkörperthermostate), aber wenn keine Gruppen vorhanden sind, dann gibt es ja die gleichen Datenpunkte...

                                  Kann man die Überschrift "Licht" und "Heizung" dynamisch zentrieren? So wie die Kacheln auch?

                                  Mit HTML habe ich es nicht in die Mitte bekommen (center landet dann sogar rechts) Da müßte man sicher in den css Einstellungen schrauben-im Adapter unter Optionen/Sonstiges/CSS (Nur für Experten):
                                  vielleicht kann @s-bormann was dazu sagen ?

                                  Edit: ab hier am 01.01.2023 eingefügt

                                  Hier nun der Blockly Export und eine Beschreibung dazu.

                                  Das Blockly legt Datenpunkte selbst an, (zu finden unter: 0_userdata.0.iQontrol.Geraete_aktiv.Heizung) wenn wie hier im nachfolgenden Bild wahr eingestellt wird.
                                  Bei Raum_01_Heizung_Name, dann Deinen "Wunschnamen" eintragen.(nicht leer lassen, keine Sonderzeichen, keine Umlaute sowie keine Leerzeichen verwenden) Für Boost und Level mußt Du die entsprechenden Datenpunkte von Dir zuordnen. Wenn die anderen 5 "Räume" nicht verwendet werden sollen, dann einfach alle 2-6 vor dem ersten Blockly Start auf falsch stellen, Boost und Level braucht dann nicht zugeordnet werden, einfach so lassen.

                                  Bildschirm­foto 2023-01-01 um 20.16.55.png

                                  Wenn falsch eingestellt wird und vor schon ein Datenpunkt erstellt wurde, sollte es den zuvor erstellten Datenpunkt auch wieder löschen.
                                  Voraussetzung für das erstellen von Datenpunkten über das Blockly ist, das dieser Haken im Javascript Adapter gesetzt ist.

                                  Bildschirm­foto 2023-01-01 um 20.28.03.png

                                  Wenn Du Fragen zum Blockly hast, dann frage einfach wieder. Ich habe alles was im Blockly nicht verstellt werden muss (z.B. die Funktion) zugeklappt.

                                  Edit2: übrigens werden bei mir im RPC Adapter die Werte in den Datenpunkten für die Ventilöffnung "falsch angezeigt", siehe hier:

                                  Bildschirm­foto 2023-01-01 um 21.07.05.png

                                  Bildschirm­foto 2023-01-01 um 21.10.15.png

                                  Das Blockly korrigiert das gleich mit.

                                  Ich glaube übrigens für das was Du vor hast ginge auch alias...
                                  Ich verwende diese Blocklys hauptsächlich zum zählen der aktiven Geräte, aber auch das ginge über die Listenfunktion von iQontrol, die ich auch viel nutze. Die Listenfunktion kam aber in iQontrol erst später dazu.


                                  hier der Export als .zip Datei, da für das Forum sonst zu lang bzw. zu viele Zeichen. Bitte auspacken und die Textdatei mit einem "richtigen" Editor öffnen und den gesamten Inhalt in die Zwischenablage kopieren. (nicht einfach die Textdatei z.B. im Browser öffnen und kopieren)

                                  Heizung.zip

                                  Hier noch ein Export eines Gerätes von mir aus iQontrol.

                                  2023-01-01_iqontrol_0_devices.json

                                  Bei mir sieht das dann bei Klick auf die Kachel so aus (Handyansicht)

                                  IMG_3169.PNG

                                  Die anderen Farben sind css Einstellung im iQontrol Adapter unter unter Optionen/Sonstiges/CSS (Nur für Experten):

                                  .ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {
                                  	background: #f2e4bf !important;
                                  	border-color: #ff5722 !important;
                                  	text-shadow: 0 0px 0 #999 !important;        
                                          color: #333;
                                  }
                                  
                                  /* editor area */
                                  .jqte_editor, .jqte_source {
                                  	padding:10px;
                                  	background: #f2e4bf;
                                  	min-height:100px;
                                  	max-height:900px;
                                  	overflow:auto;
                                  	outline:none;
                                  	word-wrap:break-word;
                                  	-ms-word-wrap:break-word;
                                  	resize:vertical
                                  

                                  M M 2 Replies Last reply Reply Quote 1
                                  • M
                                    martinschm @martinschm last edited by

                                    @martinschm said in iQontrol Vis Support Thread:

                                    @flycatcher said in iQontrol Vis Support Thread:

                                    @martinschm said in iQontrol Vis Support Thread:

                                    Hi,

                                    ich nutze iQontrol um damit auch die Steuerung über für den heatingcontrol Adapter zu machen. Jetzt ist das relativ viel Klickerrei pro Heizung und ich wollte fragen ob man sich quasi eine Kachel einrichten und als Vorlage für weitere Kacheln nutzen kann und dabei dann nur die Datenpunkte anpassen kann. Die Logik ist bei jeder Heizung gleich, im "Pfad" müßte man nur den Namen des Raums austauschen.

                                    Geht das in iQontrol irgendwie?

                                    975ba920-d106-468d-88bf-4fb4ddccd63b-image.png

                                    Coole Sachen. Müsste ich mir auch bauen.
                                    Könntest Du Deine Kachel vielleicht mal zur Verfügung stellen?

                                    Sehr gerne, gibt es eine Möglichkeit die zu exportieren?
                                    Hab das alles über Additional Controlls gemacht und dann die Felder angepasst mit Custom Settings um zB Min/Max Werte einzuschränken oder die Darstellung als Zeitfeld zu machen.

                                    Der Boost Knopf gefällt mir noch nicht. Als Button sieht man nicht ob etwas passiert. Als Switch ist es immer im Toggle Modus, also man sieht nicht "An" wenn geBoostet wird und Aus wenn es fertig ist sondern kann nur umswitchen um Anzuschalten und da bleibt der Knopf dann. Hab mir teilweise noch die verbleibende Boostzeit anzeigen lassen.

                                    Hi, hat etwas gedauert, aber hier der Export von meinem Gerät.

                                    2022-12-31_iqontrol_0_devices.json

                                    M 1 Reply Last reply Reply Quote 0
                                    • M
                                      martinschm @martinschm last edited by

                                      @martinschm said in iQontrol Vis Support Thread:

                                      @martinschm said in iQontrol Vis Support Thread:

                                      @flycatcher said in iQontrol Vis Support Thread:

                                      @martinschm said in iQontrol Vis Support Thread:

                                      Hi,

                                      ich nutze iQontrol um damit auch die Steuerung über für den heatingcontrol Adapter zu machen. Jetzt ist das relativ viel Klickerrei pro Heizung und ich wollte fragen ob man sich quasi eine Kachel einrichten und als Vorlage für weitere Kacheln nutzen kann und dabei dann nur die Datenpunkte anpassen kann. Die Logik ist bei jeder Heizung gleich, im "Pfad" müßte man nur den Namen des Raums austauschen.

                                      Geht das in iQontrol irgendwie?

                                      975ba920-d106-468d-88bf-4fb4ddccd63b-image.png

                                      Coole Sachen. Müsste ich mir auch bauen.
                                      Könntest Du Deine Kachel vielleicht mal zur Verfügung stellen?

                                      Sehr gerne, gibt es eine Möglichkeit die zu exportieren?
                                      Hab das alles über Additional Controlls gemacht und dann die Felder angepasst mit Custom Settings um zB Min/Max Werte einzuschränken oder die Darstellung als Zeitfeld zu machen.

                                      Der Boost Knopf gefällt mir noch nicht. Als Button sieht man nicht ob etwas passiert. Als Switch ist es immer im Toggle Modus, also man sieht nicht "An" wenn geBoostet wird und Aus wenn es fertig ist sondern kann nur umswitchen um Anzuschalten und da bleibt der Knopf dann. Hab mir teilweise noch die verbleibende Boostzeit anzeigen lassen.

                                      Hi, hat etwas gedauert, aber hier der Export von meinem Gerät.

                                      2022-12-31_iqontrol_0_devices.json

                                      @Flycatcher du mußt bei den Zeitfeldern noch diese Custom Einstellungen vornehmen
                                      d73ee139-eca2-497a-8002-29c64e9c6be2-image.png

                                      Ich habe außerdem bei allen Temperaturfeldern das Min und Max definiert

                                      F 1 Reply Last reply Reply Quote 0
                                      • M
                                        MemphisPDM @dslraser last edited by

                                        Ein Gesundes neues Jahr allen zusammen. Hoffe Ihr seid gut reingekommen.

                                        @dslraser oh Wow, das ist ja schon der direkte Weg nach Rom 😮
                                        Genau DAS ist mein Gedankengang. Nur das ich die Öffnungsprozente nicht im Badge darstellen lassen will sondern in Info_B des Ventils selber. Aber das ist ja egal ob ich das bei InfoB oder in nem Badge anzeigen lasse. Würdest Du mir ein Blocky für ein Thermostat zur Verfügung stellen? Ich Bastel mir das dann auf meine Bedürfnisse um 😄

                                        dslraser 2 Replies Last reply Reply Quote 0
                                        • dslraser
                                          dslraser Forum Testing Most Active @MemphisPDM last edited by

                                          @memphispdm
                                          ich stelle das Blockly und eine Beschreibung dazu dann in den Beitrag wo schon die Bilder zu meinem Vorschlag sind.

                                          1 Reply Last reply Reply Quote 1
                                          • dslraser
                                            dslraser Forum Testing Most Active @MemphisPDM last edited by

                                            @memphispdm

                                            Blockly habe ich hier im Beitrag unten eingefügt.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            780
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            android app vis how-to ios app iqontrol mobile ui vis
                                            119
                                            1480
                                            421284
                                            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