Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[MCU]

@dominik-f Ist ne eigene Tabelle?
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/statelist-popup

[Dominik F.]

@mcu

Dann ist mir noch was weiteres aufgefallen, was ich nicht ganz verstehe:

Ich habe die Farbe von den oberen beiden states "an" im Datenpunkt Stil mit

{"true":{"color":"#4caf50"}}

geändert. Die grüne Farbe stimmt, jedoch hat sich dadurch die graue Farbe aus irgendwelchen Gründen geändert.
Auf dem Bild sind die oberen beiden States geändert, die unteren zum Vergleich nicht:

[j1s2e3]

@mcu said in jarvis v3.0.0 - just another remarkable vis:

@j1s2e3 v3.0.10-beta.3 dort funktioniert es. Was funktioniert denn nicht?

Der Schalter der Gruppe ist und bleibt aus. Drauf klicken zeigt keine Reaktion.

[Dominik F.]

@mcu

Das ist ne Tabelle aus einem Datenpunkt von einem Script

[MCU]

@el-lutschi Momentan so nicht möglich. Feature Request erstellen?
https://github.com/Zefau/ioBroker.jarvis/issues

[MCU]

@j1s2e3 Hast du einmal die Gruppe entfernt, gespeichert und dann neu hinzugefügt?
Kommst du direkt von v2.2.5?

[Zefau]

jarvis übersetzen

Gibt es jemanden, der eine andere Sprache nativ als Muttersprache spricht und Lust hat, jarvis zu übersetzen?

Siehe https://github.com/Zefau/jarvis.i18n

__

Translate jarvis

Anyone who speaks another language fluently / mother tongue and likes to translate jarvis?

See https://github.com/Zefau/jarvis.i18n

[Dominik F.]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

@dominik-f Ist ne eigene Tabelle?
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/statelist-popup

Ich verstehe nicht was du mir mit dem Link sagen willst :D

Ich hab das doch, denke ich zumindest, genauso wie in den Bildern gemacht:

Habe nur den Action State anders, da sonst die Tabelle dauerhaft in der Statelist angezeigt wird

[j1s2e3]

@mcu said in jarvis v3.0.0 - just another remarkable vis:

@j1s2e3 Hast du einmal die Gruppe entfernt, gespeichert und dann neu hinzugefügt?
Kommst du direkt von v2.2.5?

Ja, alles schon probiert. Sogar die Statelist habe ich schon gelöscht und dann alles neu angelegt. Auch in Varianten: erst die Gruppe dann die Geräte, oder erst die Geräte und dann die Gruppe... geht alles nicht.

Vor einer Weile habe ich auf 3.0.1 (glaube ich) geupdated. Danach schrittweise bis 3.0.9. Mit 3.0.x ging es definitiv schon mal.

[MCU]

@dominik-f Du möchtest doch links das Icon und das Label ausblenden?

[Dominik F.]

@mcu

Ja genau

[MCU]

@j1s2e3 Dann folgende Punkte probiert?

• Web-Adapter neugestartet
• Cache im Browser gelöscht
• jarvis Upload : iobroker upload jarvis
• aktuelle Version v3.0.10-beta.3

[MCU]

@dominik-f Ja das steht im Link.

[MCU]

@dominik-f Falls du den DP nicht in der StateList haben willst musst du ihn auch nicht mit rein nehmen. Der Popup ist ein Geräte Popup, es muss also nur ein DP vom Gerät drin sein in der StateList, klickst du ihn, werden alle zugehörigen DPs vom Gerät angezeigt, die im Popup erscheinen sollen.

[Dominik F.]

@mcu

Icon und Label habe ich nun wegbekommen. Die Formatierung der Tabelle ist jedoch immer noch grausam, besonders am PC, da konnte ich nichts verändern. Habe es hier rüber versucht:

.jarvis-device-729febb9-10b8-47f1-97d4-ad74c664a532_ead74  .iframe-container {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	padding: 5px;
}

.jarvis-device-729febb9-10b8-47f1-97d4-ad74c664a532_ead74  iframe {
	width: 100%;
	height: 100%;
}

Egal was ich dort Eintrage, es ändert sich nichts

[MCU]

@dominik-f Zeig mal die Bilder, Tabelle und die Programmierung für die Tabelle.
Wie sieht der zugehörige DP aus ? Welche Anzeigevariante ist eingestellt?

[MCU]

@j1s2e3 Zeig mal dazu die Layout Ansicht von dem Widget.

[Dominik F.]

@mcu

Handyansicht, hier müsste die Tabelle eigentlich nur mittig und breiter sein:

PCansicht, hier sieht es komplett komisch aus:

So sieht die Tabelle als normale HTMLstatelist aus:

Die Tabelle hole ich aus dem Geräte_zählen_script von dslraser:
https://forum.iobroker.net/topic/40424/alexa-ansagen-i-telegram-i-email-i-alias-i-visu-i-html/2

Das Blocky zu posten, würde glaube ich schwierig hier werden^^

Eine Anzeigevariante habe ich nicht eingestellt.

Hier der Datenpunkt:

[MCU]

@dominik-f Dann mal den Inhalt von dem DP. Also den HTML-Code in </>.

[Dominik F.]

@mcu

<html>
  <head>
    <meta name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <style>
    body {
      background-color: #303030;
    }

    span {      color: #FFFFFF;
    }

    td {
      border-width: 0px;
      border-style: solid;
      border-color: #2B85D2;
    }

    .container_column {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    .container_row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      border-width: 0px;
      border-style: solid;
      border-color: #2B85D2;
    }

    input {
      height: 4vw;
      width: 4vw;
    }

    .img_links {
      height: 0vw;
      width: 0vw;
      margin-left: 0vw;
      margin-top: 0vw;
      margin-bottom: 0vw;
      margin-right: 0vw;
    }

    .img_rechts {
      height: 0vw;
      width: 0vw;
      margin-left: 0vw;
      margin-top: 0vw;
      margin-bottom: 0vw;
      margin-right: 0vw;
    }

    .box_ueberschrift {
      font-size: 0vw;
      color: #f44336;
      font-family: Arial;
      border-width: 0px;
      border-style: solid;
      border-color: black;
    }

    .table_Geraete {
      margin-top: 2vw; width: 100%;
      border-collapse: collapse;
      font-size: 3vw;
      color: #FF8C00;
      font-family: Arial;
      border-width: 0px;
      border-style: solid;
      border-color: #2B85D2;
    }

    </style>
    <script type="text/javascript">
    function setState(stateId, value) {
      sendPostMessage("setState", stateId, value);
    }

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

    </script>
  </head>

  <body>
    <div class="container_row"><input type="image"
class="img_links"

onclick="setState('0_userdata.0.Geraete_zaehlen.Fenster.Haus.02_Trigger_und_Schalter.06_Trigger_Farbe_iQontrol_Fenster_Liste', true)"

src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAV1BMVEUAAAAggL8ogLclgLoogroogLcngbgmgLkogbkogLongbgpgLgogbkogLkpgLkpf7gogLgogLkpgLkpf7gogLgogLkpgLkogLkogLgpgLgpgLkogLkpgLkKPSxEAAAAHHRSTlMAECAwP0BPUF9gb3B/gI+Qn6CvsL/Az9Df4O/wQqu59AAAA8dJREFUaN7dmt1iqyAMgMXKrK1MreIv7/+cp9WqQAABZRcnV5tVP5NASAJRZCtJkufNIq88fyQoulrihgEZm9+fS0kt00iT31zekyhk/VDMDNI/kL85ZpM85p8zZpYS20B67fPpoSaL2bDKNjH/r+El9PM7YswZ85gvcpZ8Giw+31AwG0wMv/u1X0kNjy53ZDWlhKR4lpSQutN7cJZaePwjt0OIQvCzNihDv1e4EV55QGYTFJOkTCZBeE9ldJXBBfJ5UjJcrofslhsdIe9HRDuU6AgCGMxmmmHKP9EiMwQymF3ISAeJoocoGMw29hUiRQvhGZUrJMITT9FBEBfQSeQMiRDnmbbTQHbG9B7t7hDldJMg5c74TFMfiCLGiZBUZPhB4MojQNAoXfeDAIoAeW2Xv9HHEyJbjIc8uXF1DiJ5H6uMRaOzENRpIGS9NiAvyEObJOyQeFNkX2NcIIblG0MzFpEMGU7lfhwk3mYIl1wMko9MwiwgmyJPaAJ8EoLkodWBdbVLrfzeaRkTmKSZbz6uT6mestuGyFswyD/mF9IUJF3PKJwQxdC6XFZrVQEZSCgSAkkmD7YQUgW0VvyTLyVhf3aSHMTNkU8Y4ssZeCujcDiXkC1GZswh2vpByPZXERJCw/l9hdTmiugSx7898SeQFlap10O80yt7SB8Ssi1Uf6EJ/Y8gnZQfXSjpX8wTsq1UASEVCJDkegjdkoeAkL0cSYNB4n3gxsHSx4xL4+tQ6SOfBqFiYlN9fRoRjeGWQ9hrjgNCCmVldbH04TIU2GPBASENKN/SZlS16Rt8fiaS44ZCenaS7GNr1EJau9H6tk37UC7vNVCN+TVsMQxMDTAFPgmh/E6L+EYaWUA6l/gB5wg3fg0Qq7gDtC6gInrIYBfbZAhWte0ESOO/AupbjUCT8ixk68tOsRbiHv9FSMmUvRpsbq+7QQhjyipUhoyZP2RvcEsLOvYbuSpIpg17mJ2j7JBfxnTNsxXSdWAjzwmCSm4jSZvix9yGUYOcIa0pHO11xI2jjNgVwjGQASJQvruSHhAFg4eIlDH3gqgYAiSKhUZyf3eHKBkiRNjI+2By5AhpVhFOTmApDkgbRmP54+p4BuuRmxxs0kkONK977AMZ4V37BEK18sDNPUmS5ffPmZ/f9byKzcbGdp6BNyFQRvmhi3qTFWT29SQWdIhYYGqhADXsniypF4bzG1WHkF5oCmgOvRwltMWRNt80V3NbbRkyss7E2Pq8CENxadPdiJ5zZYGDsmo4Yw6HQjMjlNJFq24+82Ndcf4DXiVY9oMsrnsAAAAASUVORK5CYII=">

	<span class="box_ueberschrift"><div style="text-align:center;font-weight: bold;">Fenster</div> 	</span> <input 
        type="image" class="img_rechts"

onclick="setState('0_userdata.0.Geraete_zaehlen.Fenster.Haus.02_Trigger_und_Schalter.04_Trigger_Tabelle_iQontrol_Fenster_Liste', true)"

src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAUVBMVEUAAAAwn98wl98wmto1mts0l9s0mNszmdwzmdwyl9ozmNoymds0mds0l9s0mNszmNwzmNozl9o0mNs0l9s0mNozmNozmNozl9szmNszmNs0mNvr8UYnAAAAGnRSTlMAECAwP0BPUF9gb3B/gI+Qn6C/wM/Q3+Dv8GXfJc0AAAF/SURBVGje7ZrdjoIwFIQP2gotf9pKK7z/g66ISBExG3qWvZm5MCQm56tzxqRmJIKgXZS6jklXuQphY9wpb6e/nbNkeO4YNUxMsvPNqefpr/rIDznq6+PRTYNddZpOEKd+zqmazKfPHzMeMpvZv/hwYw/jIjSaNMi/IHTIbfDG3bithNCkrrP5gSZInwN1aTkX315UMlpH4R5k7XkIvpbhfuht2XPjNqk3aR4CWiYqUTEIlSyTRp9iuzXKq7MAAQQQQAABBJB/gRhTFJkQvBAhsqIwZnkXdsZUhRYxEKGLyhi3vAuv/76Iu2jvD5F5WVvreSHe2rrM5TJdUqqytDYGYm1ZKinxZQQEEEAAAQQQQAABBBBAAAEEkCSLKWmyX5Q0B21i6yajv9ZNomKqmF0lPkL6KpizAhxr66DMnJnk65Q2Kp2ViL1xL0hoUpPH1rJ5Exq3b8E8msQJCY0jH5jEXfo/jWtJ+bEK/pO/L6hL285j5PkYzXoAGzaGJAjaRT+JXBCkCczwuQAAAABJRU5ErkJggg==">
    </div>
    <div class="container_column">
      <table class="table_Geraete">
<tr><td style="color:#f44336;font-size:3vw">EG Bad Fenster</td><td style="color:#f44336;font-size:3vw; white-space: nowrap;">geöffnet ☝️</td></tr>
<tr><td style="color:#f44336;font-size:3vw">Fenster_Links opened</td><td style="color:#f44336;font-size:3vw; white-space: nowrap;">geöffnet ☝️</td></tr>
<tr><td style="color:#f44336;font-size:3vw">Fenster_Rechts opened</td><td style="color:#f44336;font-size:3vw; white-space: nowrap;">geöffnet ☝️</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">Fenster opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">FensterLinks_Links opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">FensterLinks_Rechts opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">FensterRechts_Links opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">FensterRechts_Rechts opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">Fenster_Links opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">Fenster_Links opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">Fenster_Rechts opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">Fenster_Rechts opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">Kaminzimmer Links opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
<tr><td style="color:#4caf50;font-size:3vw">Kaminzimmer Rechts opened</td><td style="color:#4caf50;font-size:3vw; white-space: nowrap;">✅ geschlossen</td></tr>
</table>
</div></body></html>