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

[MCU]

@marsmännchen Bitte hierfür den anderen Thread nutzen.
https://forum.iobroker.net/topic/52228/howto-zusatz-programme-fuer-jarvis-v3
Erkläre bitte dort genau, was du machen möchtest.

[SlipKoRn_DH88]

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

@slipkorn_dh88 Ein Ordner an den du mit http ran kommst.

import "http://192.168.178.20:8082/vis.0/Jarvis(wenn vorhanden)/scriptName.js"

Ist noch was zu dürftig? Bitte erklären, wo was fehlt, damit ich es nachholen kann. Danke.

Ich habe nun meine JS hochgeladen. Wie weis denn Jarvis wo die Scripte jetzt liegen damit es darauf zugreifen kann?

[MCU]

@slipkorn_dh88 Das gibst du doch mit der Adresse an. Wo liegt denn jetzt die Datei vibrationMode.js bei Dir?

Der Import Befehl mit der Adresse kommt in scripts rein.

[SlipKoRn_DH88]

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

Der Import Befehl mit der Adresse kommt in scripts rein.

Jetzt hat es Klick gemacht. Das war die Info die mir noch fehlte. Besten Dank!

[marsmännchen]

Gibt es eine Möglichkeit ein StateHTML Widget komplett transparent zu gestalten?
Damit meine ich nicht den HTML Inhalt , sondern das Widget selbst, Damit man nur die Schrift vom HTML sieht. Ohne den grauen Block rundherum.

MfG
Patrick

[MCU]

@marsmännchen Versuch es mal hiermit im Styles:

.body--dark .jarvis-widget {
	background: rgba(0,0,0,0.15);
}

[marsmännchen]

@mcu Danke, tut sich aber nichts. Muss ich irgendwo die Widget-ID einsetzen?

[MCU]

@marsmännchen Das hinzufügen

.jarvis-widget-container {
	background-color: rgba(0,0,0,0.15) !important;
}

[marsmännchen]

@mcu jeeeaa , Jetzt ist aber alles transparent.. Nur das eine StateHTML geht auch?

[MCU]

@marsmännchen Dann so

/* alle StateHTMLs */
.jarvis-widget-container .jarvis-widget-module-StateHTML {
	background-color: rgba(0,0,0,0.15) !important;
}

/* nur eins -> widgetID */
//jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483
.jarvis-widget-container .jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483 {
	background-color: rgba(0,0,0,0.15) !important;
}

[marsmännchen]

@mcu
Leider nur so:

.jarvis-widget-container {
	background-color: rgba(0,0,0,0.15) !important;
}

Mit ID nicht mehr:

.jarvis-widget-container .jarvis-widget-60ae5b39-2475-49dd-b9e2-2d639a6d453c {
	background-color: rgba(0,0,0,0.15) !important;
}

[MCU]

@marsmännchen Geht anscheinend nicht.

.jarvis-widget-container {
	background-color: rgba(0,0,0,0.15) !important;
}
/* alle anderen Widget Background undurchsichtig schwarz */
.body--dark .jarvis-widget {
	background: rgba(0,0,0,1);
}
/* nur ein Widget durchsichtig */
.body--dark  .jarvis-widget-176f8801-7945-477e-b9ee-e716ca54c483 {
	background: rgba(0,0,0,0.15);
}

[marsmännchen]

@mcu
Ok, Danke trotzdem.
Ich gebe NUR das ein:

.jarvis-widget-container {
	background-color: rgba(0,0,0,0.15) !important;
}

Dann hab ich es bei allen StateHTML. Das wäre im Moment kein Problem.
Aber eine Frage bitte, um das irgendwann mal selbstständig hin zu bekommen:
Woher hast du diese Angaben?
Wenn ich mit F12 (Untersuchen) mir die Seite ansehe bekomme ich keine Klasse namens .jarvis-widget-container.
Oder muss man da irgendwie tiefer ins Detail schauen?

[MCU]

@marsmännchen

Wo schaust du nach?

[marsmännchen]

@mcu

Da halt "irgendwo"

[MCU]

@marsmännchen

[marsmännchen]

@mcu
Ja, ok. Gar nicht so einfach. Hier hab ich scheinbar ein paar der benötigten Klassen.

[marsmännchen]

@MCU

Wollte nur meine Aussage korrigieren:

/*widget ID StateHTML1 transparent*/
.body--dark  .jarvis-widget-60ae5b39-2475-49dd-b9e2-2d639a6d453c {
	background: rgba(0,0,0,0.15);
}
/*widget ID StateHTML2 transparent*/
.body--dark  .jarvis-widget-de0f5f30-ca4e-4011-8faf-a4987ca9f91a {
	background: rgba(0,0,0,0.15);
}

.jarvis-widget-container {
	background-color: rgba(0,0,0,0.15) !important;
}

Funktioniert doch!
Beide Widgets transparent, die ohne Eintrag im Styles bleiben normal.
Weiß auch nicht was ich vorher falsch hatte.

[marsmännchen]

Hier bin ich wieder...:face_with_rolling_eyes:

Ich komme von selber nicht drauf wie ich ein base64 icon in einem HomeKitTile blinken lassen kann.
Gibt man in der Anzeigevariante z.b:

{"0":"<span class='blink'>heute</span>","12":"<span class='blink'>morgen</span>"}

Blinkt nur das "heute" oder "morgen".

Ich würde gerne die Mülltonne auch, oder noch besser das ganze HomeKitTile blinken lassen. Oder rot pulsieren.
Welche Möglichkeit hätte ich da?
Gruß
Patrick

[MCU]

@marsmännchen
Body Stil

{"default":{"animation":"blink 2s linear infinite"}}