Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. iQontrol Vis Support Thread

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

iQontrol Vis Support Thread

Geplant Angeheftet Gesperrt Verschoben Visualisierung
android app vishow-toios appiqontrolmobile uivis
1.5k Beiträge 125 Kommentatoren 656.3k Aufrufe 105 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • F final

    @da_woody

    Moin.
    Cool, widget hat funktioniert!
    Es wurde irgendwie automatisch ein 3x2 erstellt, wenn ich das so richtig abschätze.
    Ich musste das Diagramm selber in Flot vom Seitenverhältnis anpassen, und habe es dann auf 5% skaliert.
    Das passt so erstmal ganz gut.
    Die beiden Haken bei den Einstellungen aus deinem Screenshot muss ich mal ausprobieren.
    Danke auf jeden Fall schon mal! 🙂

    60016ece-8968-4598-8349-eb76b8c7cbdb-image.png

    da_WoodyD Offline
    da_WoodyD Offline
    da_Woody
    schrieb am zuletzt editiert von
    #1461

    @final sagte in iQontrol Vis Support Thread:

    Es wurde irgendwie automatisch ein 3x2 erstellt, wenn ich das so richtig abschätze.

    kannste ja selber ändern.

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

    1 Antwort Letzte Antwort
    0
    • P PeterSmarthome

      @da_woody Vielen Dank.

      Meine Kachel ist vom Typ "Thermostat" - dort gibt es keinen "STATE" als "Zustand".
      Es gibt aber ein "VALVE_STATES" als Array:

      181d9bcf-cbad-41c1-a8cf-17c9316b4a0b-image.png

      Mir ist nicht klar, was ich dort im Array eintragen muss.

      Das Icon ist bei mir immer im Status "on":

      02de7462-168e-497e-93c8-29ee6a2741ca-image.png

      Ich habe es mal auf "Temperartursensor" gestellt und den Datenpunkt eingetragen. Dann funktioniert das Icon genauso wie es soll, aber ich verliere alle Funktionen eines Thermostats.

      da_WoodyD Offline
      da_WoodyD Offline
      da_Woody
      schrieb am zuletzt editiert von
      #1462

      @petersmarthome i c. da haste recht. ich hab eine heizungsübersicht und die einzelnen räume. da hab ichs unterschiedlich gemacht. im raum selbst über badge die leistung.
      95ffed23-4818-450e-9555-14322ac52495-grafik.png
      thermostat_iqontrol_0_devices.json

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

      1 Antwort Letzte Antwort
      0
      • B Beowolf

        Ich habe mal gerade ausprobiert wie es aussieht, wenn in meinenen Kacheln ein Diagramm angezeigt wird.
        So weit so gut.

        Ich habe jetzt bei einigen die Diagramme wieder in den Einstellungen gelöscht.

        Es bleibt aber trotzdem der kleine Pfeil rechts oben in der Kachel.

        Wie bekomme ich den wieder weg?

        da_WoodyD Offline
        da_WoodyD Offline
        da_Woody
        schrieb am zuletzt editiert von
        #1463

        @beowolf auch wenn ich nicht genau weis, was du meinst.
        in den einstellungen bei vergrößern gibts da was.
        1119418f-a234-4874-8c59-03982bd1c68a-grafik.png

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

        B 1 Antwort Letzte Antwort
        0
        • da_WoodyD da_Woody

          @beowolf auch wenn ich nicht genau weis, was du meinst.
          in den einstellungen bei vergrößern gibts da was.
          1119418f-a234-4874-8c59-03982bd1c68a-grafik.png

          B Offline
          B Offline
          Beowolf
          schrieb am zuletzt editiert von
          #1464

          @da_woody
          Hat sich erledigt. Habe ein Backup eingspielt.

          Die Natur braucht nicht unseren Schutz, sie braucht unsere Abwesenheit.

          1 Antwort Letzte Antwort
          0
          • S StefanH 0

            @jleg Danke für den Tip, aber das funktioniert leider bei diesem Datenpunkt auch nicht.
            Es steht dort aber auch "(this is only supported for numbers)", vermutlich funktioniert es desshalb nicht?

            IQontrol4.png

            P Offline
            P Offline
            PeterSmarthome
            schrieb am zuletzt editiert von
            #1465

            Ich bin immer noch im "Anfängermodus" und habe mir eine Kachel gebastelt, die das aktuelle Wetter von meinem Wetter-Dienst darstellt:
            0f0f8941-7077-4e74-b519-e3be9cc5973d-image.png

            Als Geräte-Typ habe ich "Temperatur-Sensor" gewählt.

            Jetzt scheitere ich an einer ganz simplen Aufgabe: ich will die Hintergrundfarbe der Kachel auf blau ändern.
            Ich habe versucht an folgenden Orten rgba(0,0,255,1) einzutragen: OVERLAY_INACTIVE_COLOR, OVERLAY_ACTIVE_COLOR

            b4aa693e-6ce8-4137-9350-54a032ec70f3-image.png

            Es kommt aber so ein komisches lilablassblau raus:
            0b813460-1077-4dc6-af67-9eeb553736cb-image.png

            Das selbe Ergebnis bekomme ich wenn ich #0000ff eintrage.

            Wo liegt mein Denk-Fehler?

            da_WoodyD 1 Antwort Letzte Antwort
            0
            • P PeterSmarthome

              Ich bin immer noch im "Anfängermodus" und habe mir eine Kachel gebastelt, die das aktuelle Wetter von meinem Wetter-Dienst darstellt:
              0f0f8941-7077-4e74-b519-e3be9cc5973d-image.png

              Als Geräte-Typ habe ich "Temperatur-Sensor" gewählt.

              Jetzt scheitere ich an einer ganz simplen Aufgabe: ich will die Hintergrundfarbe der Kachel auf blau ändern.
              Ich habe versucht an folgenden Orten rgba(0,0,255,1) einzutragen: OVERLAY_INACTIVE_COLOR, OVERLAY_ACTIVE_COLOR

              b4aa693e-6ce8-4137-9350-54a032ec70f3-image.png

              Es kommt aber so ein komisches lilablassblau raus:
              0b813460-1077-4dc6-af67-9eeb553736cb-image.png

              Das selbe Ergebnis bekomme ich wenn ich #0000ff eintrage.

              Wo liegt mein Denk-Fehler?

              da_WoodyD Offline
              da_WoodyD Offline
              da_Woody
              schrieb am zuletzt editiert von da_Woody
              #1466

              @petersmarthome overlay ist der überzug, hintergrund wird da eingestellt.
              0d7e0f99-3d96-4893-a3d9-17a05952d739-grafik.png
              andererseits gibts da so nette widgets mit jeder menge möglichkeiten...
              6b3c88a6-ccdf-45a1-999a-d7d937ff3986-grafik.png
              bei click drauf bekommst du eine seite mit mehr infos.
              https://weatherwidget.io/

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

              P 1 Antwort Letzte Antwort
              1
              • da_WoodyD da_Woody

                @petersmarthome overlay ist der überzug, hintergrund wird da eingestellt.
                0d7e0f99-3d96-4893-a3d9-17a05952d739-grafik.png
                andererseits gibts da so nette widgets mit jeder menge möglichkeiten...
                6b3c88a6-ccdf-45a1-999a-d7d937ff3986-grafik.png
                bei click drauf bekommst du eine seite mit mehr infos.
                https://weatherwidget.io/

                P Offline
                P Offline
                PeterSmarthome
                schrieb am zuletzt editiert von
                #1467

                @da_woody Vielen Dank! Die Wetter Widgets werde ich gerne nutzen. Im Moment geht es mir darum die Möglichkeiten von iQontrol zu erlernen und ein wenig damit zu spielen.

                Wie von Dir vorgeschlagen habe ich das wie folgt gemacht:
                8bedd47e-a8c7-4254-b242-d8fbfc229816-image.png

                Die Farb-Einstellung beim Overlay habe ich wieder herausgenommen:
                a46664a4-9644-47e2-92df-5adf007f5c83-image.png

                Das Ergebnis ist nun eine sehrhellblaue Kachel:
                d3a7d574-f054-4289-b90f-47c59480f75b-image.png

                Die eigentliche Farbe ist aber ein dunkles Blau.
                Interessanterweise wird ganz kurz während des Ladevorgangs für den Bruchteil einer Sekunde die richtige Farbe angezeigt. Irgendwo scheint sich da noch was darüber zu legen.

                da_WoodyD 1 Antwort Letzte Antwort
                0
                • P PeterSmarthome

                  @da_woody Vielen Dank! Die Wetter Widgets werde ich gerne nutzen. Im Moment geht es mir darum die Möglichkeiten von iQontrol zu erlernen und ein wenig damit zu spielen.

                  Wie von Dir vorgeschlagen habe ich das wie folgt gemacht:
                  8bedd47e-a8c7-4254-b242-d8fbfc229816-image.png

                  Die Farb-Einstellung beim Overlay habe ich wieder herausgenommen:
                  a46664a4-9644-47e2-92df-5adf007f5c83-image.png

                  Das Ergebnis ist nun eine sehrhellblaue Kachel:
                  d3a7d574-f054-4289-b90f-47c59480f75b-image.png

                  Die eigentliche Farbe ist aber ein dunkles Blau.
                  Interessanterweise wird ganz kurz während des Ladevorgangs für den Bruchteil einer Sekunde die richtige Farbe angezeigt. Irgendwo scheint sich da noch was darüber zu legen.

                  da_WoodyD Offline
                  da_WoodyD Offline
                  da_Woody
                  schrieb am zuletzt editiert von
                  #1468

                  @petersmarthome verdammet, das hatten wir schon mal... weis nicht mehr was damals los war. 😲
                  browserchache leer?
                  dann gibts noch:
                  efdc572c-c492-4ab1-b09d-69ce68e9db31-grafik.png
                  auch bei aktiv!
                  nebenbei: mich würde ja das true/false stören. im prinzip das selbe, halt von meiner poolfilter box:
                  c981326e-bbae-451c-880f-a4cf534a4e71-grafik.png
                  box_iqontrol_0_devices.json

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

                  P 1 Antwort Letzte Antwort
                  0
                  • da_WoodyD da_Woody

                    @petersmarthome verdammet, das hatten wir schon mal... weis nicht mehr was damals los war. 😲
                    browserchache leer?
                    dann gibts noch:
                    efdc572c-c492-4ab1-b09d-69ce68e9db31-grafik.png
                    auch bei aktiv!
                    nebenbei: mich würde ja das true/false stören. im prinzip das selbe, halt von meiner poolfilter box:
                    c981326e-bbae-451c-880f-a4cf534a4e71-grafik.png
                    box_iqontrol_0_devices.json

                    P Offline
                    P Offline
                    PeterSmarthome
                    schrieb am zuletzt editiert von
                    #1469

                    @da_woody Danke!!!

                    0f212c8f-315e-4338-8a0b-4b712f8857e9-image.png

                    "Entferne den Überzug der Kachel..." hat es gebracht.
                    Jetzt muss ich noch die Schriftfarbe anpassen, aber das sollte ich hinbekommen.

                    Das true/false kommt auch noch weg. Dort will ich Höchst- und Tiefst-Temperatur sowie Sonnenaufgang- und -untergangszeiten einblenden...

                    1 Antwort Letzte Antwort
                    0
                    • da_WoodyD Offline
                      da_WoodyD Offline
                      da_Woody
                      schrieb am zuletzt editiert von
                      #1470

                      @petersmarthome na fein! 😃
                      Schriftfarbe ist kein Problem, allerdings gilt das dann für alle Kacheln!
                      Wie du das hinbekommen willst bin ich gespannt mit den vier Werten...

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

                      P 1 Antwort Letzte Antwort
                      0
                      • da_WoodyD da_Woody

                        @petersmarthome na fein! 😃
                        Schriftfarbe ist kein Problem, allerdings gilt das dann für alle Kacheln!
                        Wie du das hinbekommen willst bin ich gespannt mit den vier Werten...

                        P Offline
                        P Offline
                        PeterSmarthome
                        schrieb am zuletzt editiert von PeterSmarthome
                        #1471

                        @da_woody Ich habe jetzt mal die Werte für Sonnenaufgang und -untergang integriert.
                        (Danke an ChatGPT, das mir dabei geholfen hat).

                        e4114879-fef2-4f7a-b865-e22161ffcbad-image.png

                        Vorgehen:

                        Zuerst im ioBroker ein Alias anlegen:

                        Als Typ musste ich zuerst "Zustand" wählen. Danach musste ich nochmals öffnen und erst dann konnte ich von "Zustand" auf "Zeichenkette (string)" und die Rolle "text" ändern.

                        aedc8b07-084d-42e9-8720-07cea7681fc1-image.png

                        Im Reiter ALIAS als Ziel "javascript.0.SunTimesLabel" eingetragen:
                        dfca84ac-9989-4b54-ae88-4569baf6eded-image.png

                        Am Ende findet man unter alias.0 das folgende
                        825ecb97-af64-4d88-b1a2-387176365029-image.png

                        Nun noch ein Jacscript mit Namen "SetSunTimes" angelegen:

                        // Prüfe, ob der Datenpunkt existiert, falls nicht, erstelle ihn
                        createState('javascript.0.SunTimesLabel', '', { type: 'string', role: 'text' }, function() {
                            // Sobald der Datenpunkt erstellt wurde, setzen wir ihn mit den aktuellen Sonnenzeiten
                            let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                            let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                            let label = `<span style="font-size: 14px; color: white;">🌅 ${sunrise} 🌇 ${sunset}</span>`;
                            setState('javascript.0.SunTimesLabel', label);
                        });
                        
                        // Falls Sonnenaufgang oder -untergang sich ändert, aktualisiere den Datenpunkt
                        on({id: ['swiss-weather-api.0.forecast.days.day0.0000.SUNRISE', 'swiss-weather-api.0.forecast.days.day0.0000.SUNSET'], change: 'any'}, function () {
                            let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                            let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                            let label = `<span style="font-size: 14px; color: white;">🌅 ${sunrise} 🌇 ${sunset}</span>`;
                            setState('javascript.0.SunTimesLabel', label);
                        });
                        

                        Und das Script starten.

                        Im STATE der Kachel des ioBoker wird dann als Datenpunkt "javascript.0.SunTimesLabel" eingetragen:
                        8168863e-9ff8-4492-8c1d-01063a4bc43a-image.png

                        Als nächstes baue ich noch die Max- und Min-Temperatur des Tages ein und werde das JavaScript durch nodeRed Code ersetzen, da meine gesamte sonstige Steuerung über nodeRed läuft.

                        da_WoodyD 2 Antworten Letzte Antwort
                        1
                        • P PeterSmarthome

                          @da_woody Ich habe jetzt mal die Werte für Sonnenaufgang und -untergang integriert.
                          (Danke an ChatGPT, das mir dabei geholfen hat).

                          e4114879-fef2-4f7a-b865-e22161ffcbad-image.png

                          Vorgehen:

                          Zuerst im ioBroker ein Alias anlegen:

                          Als Typ musste ich zuerst "Zustand" wählen. Danach musste ich nochmals öffnen und erst dann konnte ich von "Zustand" auf "Zeichenkette (string)" und die Rolle "text" ändern.

                          aedc8b07-084d-42e9-8720-07cea7681fc1-image.png

                          Im Reiter ALIAS als Ziel "javascript.0.SunTimesLabel" eingetragen:
                          dfca84ac-9989-4b54-ae88-4569baf6eded-image.png

                          Am Ende findet man unter alias.0 das folgende
                          825ecb97-af64-4d88-b1a2-387176365029-image.png

                          Nun noch ein Jacscript mit Namen "SetSunTimes" angelegen:

                          // Prüfe, ob der Datenpunkt existiert, falls nicht, erstelle ihn
                          createState('javascript.0.SunTimesLabel', '', { type: 'string', role: 'text' }, function() {
                              // Sobald der Datenpunkt erstellt wurde, setzen wir ihn mit den aktuellen Sonnenzeiten
                              let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                              let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                              let label = `<span style="font-size: 14px; color: white;">🌅 ${sunrise} 🌇 ${sunset}</span>`;
                              setState('javascript.0.SunTimesLabel', label);
                          });
                          
                          // Falls Sonnenaufgang oder -untergang sich ändert, aktualisiere den Datenpunkt
                          on({id: ['swiss-weather-api.0.forecast.days.day0.0000.SUNRISE', 'swiss-weather-api.0.forecast.days.day0.0000.SUNSET'], change: 'any'}, function () {
                              let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                              let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                              let label = `<span style="font-size: 14px; color: white;">🌅 ${sunrise} 🌇 ${sunset}</span>`;
                              setState('javascript.0.SunTimesLabel', label);
                          });
                          

                          Und das Script starten.

                          Im STATE der Kachel des ioBoker wird dann als Datenpunkt "javascript.0.SunTimesLabel" eingetragen:
                          8168863e-9ff8-4492-8c1d-01063a4bc43a-image.png

                          Als nächstes baue ich noch die Max- und Min-Temperatur des Tages ein und werde das JavaScript durch nodeRed Code ersetzen, da meine gesamte sonstige Steuerung über nodeRed läuft.

                          da_WoodyD Offline
                          da_WoodyD Offline
                          da_Woody
                          schrieb am zuletzt editiert von
                          #1472

                          @petersmarthome Chapeau!
                          ChatGPT hilft dann weiter. kann, aber muss nicht.
                          js von dir, oder auch von ChatGPT?

                          Dort will ich Höchst- und Tiefst-Temperatur sowie Sonnenaufgang- und -untergangszeiten einblenden...

                          platzproblem, oder laufschrift?
                          wenn das alles klappt, wäre eine veröffentlichung auf https://github.com/iobroker-community-adapters/ioBroker.iqontrol/wiki nicht schlecht! 😉

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

                          1 Antwort Letzte Antwort
                          1
                          • P PeterSmarthome

                            @da_woody Ich habe jetzt mal die Werte für Sonnenaufgang und -untergang integriert.
                            (Danke an ChatGPT, das mir dabei geholfen hat).

                            e4114879-fef2-4f7a-b865-e22161ffcbad-image.png

                            Vorgehen:

                            Zuerst im ioBroker ein Alias anlegen:

                            Als Typ musste ich zuerst "Zustand" wählen. Danach musste ich nochmals öffnen und erst dann konnte ich von "Zustand" auf "Zeichenkette (string)" und die Rolle "text" ändern.

                            aedc8b07-084d-42e9-8720-07cea7681fc1-image.png

                            Im Reiter ALIAS als Ziel "javascript.0.SunTimesLabel" eingetragen:
                            dfca84ac-9989-4b54-ae88-4569baf6eded-image.png

                            Am Ende findet man unter alias.0 das folgende
                            825ecb97-af64-4d88-b1a2-387176365029-image.png

                            Nun noch ein Jacscript mit Namen "SetSunTimes" angelegen:

                            // Prüfe, ob der Datenpunkt existiert, falls nicht, erstelle ihn
                            createState('javascript.0.SunTimesLabel', '', { type: 'string', role: 'text' }, function() {
                                // Sobald der Datenpunkt erstellt wurde, setzen wir ihn mit den aktuellen Sonnenzeiten
                                let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                                let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                                let label = `<span style="font-size: 14px; color: white;">🌅 ${sunrise} 🌇 ${sunset}</span>`;
                                setState('javascript.0.SunTimesLabel', label);
                            });
                            
                            // Falls Sonnenaufgang oder -untergang sich ändert, aktualisiere den Datenpunkt
                            on({id: ['swiss-weather-api.0.forecast.days.day0.0000.SUNRISE', 'swiss-weather-api.0.forecast.days.day0.0000.SUNSET'], change: 'any'}, function () {
                                let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                                let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                                let label = `<span style="font-size: 14px; color: white;">🌅 ${sunrise} 🌇 ${sunset}</span>`;
                                setState('javascript.0.SunTimesLabel', label);
                            });
                            

                            Und das Script starten.

                            Im STATE der Kachel des ioBoker wird dann als Datenpunkt "javascript.0.SunTimesLabel" eingetragen:
                            8168863e-9ff8-4492-8c1d-01063a4bc43a-image.png

                            Als nächstes baue ich noch die Max- und Min-Temperatur des Tages ein und werde das JavaScript durch nodeRed Code ersetzen, da meine gesamte sonstige Steuerung über nodeRed läuft.

                            da_WoodyD Offline
                            da_WoodyD Offline
                            da_Woody
                            schrieb am zuletzt editiert von
                            #1473

                            @petersmarthome sagte in iQontrol Vis Support Thread:

                            Als nächstes baue ich noch die Max- und Min-Temperatur des Tages ein und werde das JavaScript durch nodeRed Code ersetzen, da meine gesamte sonstige Steuerung über nodeRed läuft.

                            autsch, nicht jeder verwendet nodered...

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

                            1 Antwort Letzte Antwort
                            0
                            • P Offline
                              P Offline
                              PeterSmarthome
                              schrieb am zuletzt editiert von
                              #1474

                              @da_woody Es sieht nun so aus:

                              9167bc40-3750-4a9e-a2cc-34f9d7544dbc-image.png

                              Ich habe die Schrift extra klein gewählt., damit es keine Laufschrift gibt.

                              Den Datenpunkt javascript.0.SunTimesLabel habe ich nicht mehr beim STATE der Kachel eingefügt, sondern beim Namen der Kachel:

                              b55e1d4e-540e-4bf8-b93d-96378a9a51bd-image.png

                              WICHTIG: Damit es funktioniert braucht es das |Zeichen beim Namen der Kachel: |{javascript.0.SunTimesLabel}

                              Dadurch dass ich den Namen verwende habe ich mehr Platz und kann dort eine HTML Tabelle einbauen.
                              Das JS sieht nun so aus:

                              // Prüfe, ob der Datenpunkt existiert, falls nicht, erstelle ihn
                              createState('javascript.0.SunTimesLabel', '', { type: 'string', role: 'text' }, function() {
                                  // Sobald der Datenpunkt erstellt wurde, setzen wir ihn mit den aktuellen Sonnenzeiten
                                  let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                                  let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                                  let temp_low = getState('swiss-weather-api.0.forecast.days.day0.0000.TN_C').val;
                                  let temp_high = getState('swiss-weather-api.0.forecast.days.day0.0000.TX_C').val;
                                  let label = `<span style="font-size: 10px; color: white; font-weight: 100;"><table><tr><td>🥶 ${temp_low} °C</td><td>🥵 ${temp_high} °C</td></tr><tr><td>🌅 ${sunrise}</td><td>🌇 ${sunset}</td></tr></table></span>`;
                                  setState('javascript.0.SunTimesLabel', label);
                              });
                              
                              // Falls Sonnenaufgang oder -untergang sich ändert, aktualisiere den Datenpunkt
                              on({id: ['swiss-weather-api.0.forecast.days.day0.0000.SUNRISE', 'swiss-weather-api.0.forecast.days.day0.0000.SUNSET'], change: 'any'}, function () {
                                  let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                                  let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                                  let temp_low = getState('swiss-weather-api.0.forecast.days.day0.0000.TN_C').val;
                                  let temp_high = getState('swiss-weather-api.0.forecast.days.day0.0000.TX_C').val;
                                  let label = `<span style="font-size: 10px; color: white; font-weight: 100;"><table><tr><td>🥶 ${temp_low} °C</td><td>🥵 ${temp_high} °C</td></tr><tr><td>🌅 ${sunrise}</td><td>🌇 ${sunset}</td></tr></table></span>`;
                                  setState('javascript.0.SunTimesLabel', label);
                              });
                              

                              Zu Deinen Fragen/Kommentaren (sofern nicht schon oben erledigt):

                              js von dir, oder auch von ChatGPT?
                              -> Grundstruktur von ChatGPT, Feinheiten von mir

                              wenn das alles klappt, wäre eine veröffentlichung auf https://github.com/iobroker-community-adapters/ioBroker.iqontrol/wiki nicht schlecht! 😉
                              -> weiss nicht wie das geht, bin ja neu hier und wurstel mich durch...

                              da_WoodyD 1 Antwort Letzte Antwort
                              2
                              • P PeterSmarthome

                                @da_woody Es sieht nun so aus:

                                9167bc40-3750-4a9e-a2cc-34f9d7544dbc-image.png

                                Ich habe die Schrift extra klein gewählt., damit es keine Laufschrift gibt.

                                Den Datenpunkt javascript.0.SunTimesLabel habe ich nicht mehr beim STATE der Kachel eingefügt, sondern beim Namen der Kachel:

                                b55e1d4e-540e-4bf8-b93d-96378a9a51bd-image.png

                                WICHTIG: Damit es funktioniert braucht es das |Zeichen beim Namen der Kachel: |{javascript.0.SunTimesLabel}

                                Dadurch dass ich den Namen verwende habe ich mehr Platz und kann dort eine HTML Tabelle einbauen.
                                Das JS sieht nun so aus:

                                // Prüfe, ob der Datenpunkt existiert, falls nicht, erstelle ihn
                                createState('javascript.0.SunTimesLabel', '', { type: 'string', role: 'text' }, function() {
                                    // Sobald der Datenpunkt erstellt wurde, setzen wir ihn mit den aktuellen Sonnenzeiten
                                    let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                                    let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                                    let temp_low = getState('swiss-weather-api.0.forecast.days.day0.0000.TN_C').val;
                                    let temp_high = getState('swiss-weather-api.0.forecast.days.day0.0000.TX_C').val;
                                    let label = `<span style="font-size: 10px; color: white; font-weight: 100;"><table><tr><td>🥶 ${temp_low} °C</td><td>🥵 ${temp_high} °C</td></tr><tr><td>🌅 ${sunrise}</td><td>🌇 ${sunset}</td></tr></table></span>`;
                                    setState('javascript.0.SunTimesLabel', label);
                                });
                                
                                // Falls Sonnenaufgang oder -untergang sich ändert, aktualisiere den Datenpunkt
                                on({id: ['swiss-weather-api.0.forecast.days.day0.0000.SUNRISE', 'swiss-weather-api.0.forecast.days.day0.0000.SUNSET'], change: 'any'}, function () {
                                    let sunrise = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNRISE').val;
                                    let sunset = getState('swiss-weather-api.0.forecast.days.day0.0000.SUNSET').val;
                                    let temp_low = getState('swiss-weather-api.0.forecast.days.day0.0000.TN_C').val;
                                    let temp_high = getState('swiss-weather-api.0.forecast.days.day0.0000.TX_C').val;
                                    let label = `<span style="font-size: 10px; color: white; font-weight: 100;"><table><tr><td>🥶 ${temp_low} °C</td><td>🥵 ${temp_high} °C</td></tr><tr><td>🌅 ${sunrise}</td><td>🌇 ${sunset}</td></tr></table></span>`;
                                    setState('javascript.0.SunTimesLabel', label);
                                });
                                

                                Zu Deinen Fragen/Kommentaren (sofern nicht schon oben erledigt):

                                js von dir, oder auch von ChatGPT?
                                -> Grundstruktur von ChatGPT, Feinheiten von mir

                                wenn das alles klappt, wäre eine veröffentlichung auf https://github.com/iobroker-community-adapters/ioBroker.iqontrol/wiki nicht schlecht! 😉
                                -> weiss nicht wie das geht, bin ja neu hier und wurstel mich durch...

                                da_WoodyD Offline
                                da_WoodyD Offline
                                da_Woody
                                schrieb am zuletzt editiert von
                                #1475

                                @petersmarthome immer wieder spannend was alles geht, wenn man programmieren kann! 😳
                                das mit der pipe ist mir schon klar. haben wir bei müll und geburtstag auch so.
                                a6ea6968-c1b2-415e-bb9a-ba624d77d1ae-grafik.png 30dafbd5-4b1e-494e-b488-6211cf4061bd-grafik.png

                                weiss nicht wie das geht, bin ja neu hier und wurstel mich durch...

                                ist keine raketenwissenschaft. auf github einen account, auf die page gehn und über acf77d03-2520-44b9-9be4-8b8d69d985ab-grafik.png eine neue page anlegen. dann deine beschreibung rein, fertisch.
                                kannst ja in der liste schauen wie andere das gemacht haben. 😉
                                https://github.com/iobroker-community-adapters/ioBroker.iqontrol/wiki/Trash-Calendar-Visualization-ohne-JS-oder--Blockly ist z.b. von mir.

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

                                P 1 Antwort Letzte Antwort
                                1
                                • da_WoodyD da_Woody

                                  @petersmarthome immer wieder spannend was alles geht, wenn man programmieren kann! 😳
                                  das mit der pipe ist mir schon klar. haben wir bei müll und geburtstag auch so.
                                  a6ea6968-c1b2-415e-bb9a-ba624d77d1ae-grafik.png 30dafbd5-4b1e-494e-b488-6211cf4061bd-grafik.png

                                  weiss nicht wie das geht, bin ja neu hier und wurstel mich durch...

                                  ist keine raketenwissenschaft. auf github einen account, auf die page gehn und über acf77d03-2520-44b9-9be4-8b8d69d985ab-grafik.png eine neue page anlegen. dann deine beschreibung rein, fertisch.
                                  kannst ja in der liste schauen wie andere das gemacht haben. 😉
                                  https://github.com/iobroker-community-adapters/ioBroker.iqontrol/wiki/Trash-Calendar-Visualization-ohne-JS-oder--Blockly ist z.b. von mir.

                                  P Offline
                                  P Offline
                                  PeterSmarthome
                                  schrieb am zuletzt editiert von
                                  #1476

                                  Hallo zusammen,

                                  ich habe mal wieder einer "Anfänger-Frage" und komme einfach nicht auf die Lösung.

                                  Ich habe eine Gartenbewässeung. In der Kachel möchte ich sowohl den Zustand anzeigen als auch die Bewässerung schalten können.

                                  Das sieht nun wie folgt aus wenn kein Wasser läuft:
                                  ca23bfd5-e1bd-4e37-b078-4f60854b0c42-image.png

                                  Und wenn das Wasser läuft so:
                                  59371f35-584d-4d49-9f62-8b2cb4a44823-image.png

                                  Was mich nun stört:

                                  Ich möchte dass die Kachel immer "hell" ist, also auch wenn keine Wasser läuft (inaktiv).
                                  Zwar kann ich einstellen, dass die Kachel immer als "aktiv" angezeigt wird, aber dann wird der Wassertropfen auch immer blau angezeigt.

                                  Irgendwo muss es eine Einstellung geben, dass im inaktiven Zustand der Hintergrund der Kachel eine höhere Transparenz hat und blasser wirkt. Ich finde es aber nirgends.

                                  P meuteM 2 Antworten Letzte Antwort
                                  0
                                  • P PeterSmarthome

                                    Hallo zusammen,

                                    ich habe mal wieder einer "Anfänger-Frage" und komme einfach nicht auf die Lösung.

                                    Ich habe eine Gartenbewässeung. In der Kachel möchte ich sowohl den Zustand anzeigen als auch die Bewässerung schalten können.

                                    Das sieht nun wie folgt aus wenn kein Wasser läuft:
                                    ca23bfd5-e1bd-4e37-b078-4f60854b0c42-image.png

                                    Und wenn das Wasser läuft so:
                                    59371f35-584d-4d49-9f62-8b2cb4a44823-image.png

                                    Was mich nun stört:

                                    Ich möchte dass die Kachel immer "hell" ist, also auch wenn keine Wasser läuft (inaktiv).
                                    Zwar kann ich einstellen, dass die Kachel immer als "aktiv" angezeigt wird, aber dann wird der Wassertropfen auch immer blau angezeigt.

                                    Irgendwo muss es eine Einstellung geben, dass im inaktiven Zustand der Hintergrund der Kachel eine höhere Transparenz hat und blasser wirkt. Ich finde es aber nirgends.

                                    P Offline
                                    P Offline
                                    PeterSmarthome
                                    schrieb am zuletzt editiert von
                                    #1477

                                    Ich möchte gerne via FLOT-Chart im BACKGROUND_URL der Kachel eine boolean Wert in der Range 0 bis 1 darstellen.

                                    Aber iQontrol scheint mit die Werte "true" und "false" nicht als 1 und 0 zu verstehen.
                                    In einem anderen Fall habe ich mit mit einer Systemvariable beholfen, die ich immer auf 0 und 1 gestellt habe, wenn sich der Wert geändert hat.

                                    Aber ich hoffe dass es da eine elegantere Möglichkeit gibt.
                                    Ich vermute ich kann im ioBroker bei den Einstellungen der Objekte eine Value-Liste anlegen... aber so richtig verstehe ich den Mechanismus dort nicht.

                                    1 Antwort Letzte Antwort
                                    0
                                    • P PeterSmarthome

                                      Hallo zusammen,

                                      ich habe mal wieder einer "Anfänger-Frage" und komme einfach nicht auf die Lösung.

                                      Ich habe eine Gartenbewässeung. In der Kachel möchte ich sowohl den Zustand anzeigen als auch die Bewässerung schalten können.

                                      Das sieht nun wie folgt aus wenn kein Wasser läuft:
                                      ca23bfd5-e1bd-4e37-b078-4f60854b0c42-image.png

                                      Und wenn das Wasser läuft so:
                                      59371f35-584d-4d49-9f62-8b2cb4a44823-image.png

                                      Was mich nun stört:

                                      Ich möchte dass die Kachel immer "hell" ist, also auch wenn keine Wasser läuft (inaktiv).
                                      Zwar kann ich einstellen, dass die Kachel immer als "aktiv" angezeigt wird, aber dann wird der Wassertropfen auch immer blau angezeigt.

                                      Irgendwo muss es eine Einstellung geben, dass im inaktiven Zustand der Hintergrund der Kachel eine höhere Transparenz hat und blasser wirkt. Ich finde es aber nirgends.

                                      meuteM Offline
                                      meuteM Offline
                                      meute
                                      schrieb am zuletzt editiert von
                                      #1478

                                      @petersmarthome sagte in iQontrol Vis Support Thread:

                                      Irgendwo muss es eine Einstellung geben, dass im inaktiven Zustand der Hintergrund der Kachel eine höhere Transparenz hat und blasser wirkt. Ich finde es aber nirgends.

                                      Könnte es eine dieser beiden Einstellungen sein?

                                      Screenshot_2025-03-25_16-20-26.jpg

                                      fraenk for friends Code: MATF103

                                      P 1 Antwort Letzte Antwort
                                      0
                                      • meuteM meute

                                        @petersmarthome sagte in iQontrol Vis Support Thread:

                                        Irgendwo muss es eine Einstellung geben, dass im inaktiven Zustand der Hintergrund der Kachel eine höhere Transparenz hat und blasser wirkt. Ich finde es aber nirgends.

                                        Könnte es eine dieser beiden Einstellungen sein?

                                        Screenshot_2025-03-25_16-20-26.jpg

                                        P Offline
                                        P Offline
                                        PeterSmarthome
                                        schrieb am zuletzt editiert von
                                        #1479

                                        @meute Danke für die schelle Antwort. Nein, das hat leider nichts gebracht. In allen möglichen Varianten.

                                        1 Antwort Letzte Antwort
                                        1
                                        • A Offline
                                          A Offline
                                          alexanderbrix
                                          schrieb am zuletzt editiert von alexanderbrix
                                          #1480

                                          7fc9ca39-7b10-43ca-b462-64a99108b3d8-image.png
                                          Hallo zusammen,
                                          ich habe den "Energiefluss erweitert"-Adapter in meinem iQontrol als 16:9 Kachel eingebunden. Das ist die einzige Größe, bei der ich alles drauf kriege...
                                          Ist es möglich, das gesamte in der Kachel zu zentrieren? Aktuell wird es linksbündig angezeigt.
                                          Eingebunden ist es als Rolle: Popup - Background_URL...

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          627

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe