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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    iQontrol Vis Support Thread

    This topic has been deleted. Only users with topic management privileges can see it.
    • dslraser
      dslraser Forum Testing Most Active @hukio last edited by dslraser

      @hukio
      das ist im Adapter, genau da wo es @da_Woody zeigt.

      Bin nur am Handy

      CA369B6F-439F-4A94-91F1-48CCF3FFF041.png

      Additional Control

      1C71B4BC-24C1-4CF4-9550-65E19053A42A.jpeg

      H 1 Reply Last reply Reply Quote 0
      • H
        hukio @dslraser last edited by

        @dslraser
        Habe ich gefunden. Ich habe eine key Tabelle angelegt in den Objekten und dachte, daß dies dazu führt, daß diese dann angezeigt wird. Ich sehe aber nur den slider
        HUK

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

          @hukio
          Du musst dann auch diesen Datenpunkt unter Additional Control auswählen und über den Schraubenschlüssel aktivieren.

          H 1 Reply Last reply Reply Quote 0
          • H
            hukio @dslraser last edited by hukio

            @dslraser
            Hab ich gemacht und dabei die key Tabelle angelegt. Ich denke, daß die Existenz der Tabelle dazu führt, daß sie dann angezeigt wird anstelle des sliders.
            HUK

            1 Reply Last reply Reply Quote 0
            • H
              hetti72 last edited by

              Hallo zusammen,
              ich versuche nun schon ein paar Tage eine einfache Liste / Aufzählung in IQontrol darzustellen, komme aber nicht weiter. Der Datenpunkt hat z.B. folgenden Inhalt:

              ["Bad","Gaestezimmer","Schlafzimmer","Wohnzimmer"]
              

              Ich hab schon verschiedene Varianten wie das Device List Widget oder auch die Info Text Kachel versucht, aber keine brauchbaren Ergebnisse.

              Kann mir mal jemand auf die Sprünge helfen wie ich die Liste in einer Kachel angezeigt bekomme?

              1 Reply Last reply Reply Quote 0
              • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            969
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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