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

[Dominik F.]

@mcu

Ich bin immer noch bei den Farben^^

Damit kann ich ja bei einem Label die Hintergrundfarbe ändern:

[widgets="id"] .q-item--dark {
background-color: blue;
}

Was muss ich unter ID eingeben, wenn ich alle bei allen Labels die Farbe ändern möchte?

[MCU]

@dominik-f Dann muss die Eingrenzung vom Widget weg:

.q-item--dark {
     background-color: blue;
}

[Dominik F.]

@mcu

Ich habe nun folgende CSS Klassen drin stehen:

.jarvis-widget-header {
	background-color: #303030;
}

.jarvis-tabs {
	background-color: #303030;
}

.jarvis-sidebar {
	background-color: #303030;
}

.q-item--dark {
	background-color: #121212;
}

Durch hinzufügen des letzten Eintrags wurde der erste Eintrag überschrieben und nur ein Teil des "Tabs", ich hoffe ich benenne das richtig, hat die Farbe angenommen:

[MCU]

@dominik-f Wie soll es aussehen?
Nimm erst markante Farben rot,gelb,grün.

TAB:

Widget:

StateList:

[Dominik F.]

@mcu

Also ich versuche das farblich nachzubauen:

Bisher ist das das Ergebnis:

Das heisst, ich möchte den kompletten Hintergrund der Widgets auf den Tabs etwas heller machen und danach wollte ich mich dran setzen, die Schriftfarbe etwas dunkler zu machen.

Ich habe dazu folgendes in der Info gefunden:
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/seitenhintergrund

.jarvis-page-887349d5-d5b7-408c-99a7-73a2a72b7194 .jarvis-widget-container {
	/* display: none !important; */
	background: darkgreen !important;
}

Da weiß ich nicht was display none bedeuten soll und was ich als Page ID nehmen muss

[MCU]

@dominik-f display:none bedeutet dass das Objekt ausgeblendet wird.
Page-Id ist im Layout Seite->ID

bsilang:

.jarvis-widget-header {
	background-color: #303030 !important;
}

.jarvis-tabs {
	background-color: #303030;
}

.jarvis-sidebar {
	background-color: #303030;
}

.q-item--dark {
	background-color: #121212;
}

.jarvis-widget-module-StateList {
	background-color: #121212;
}

[Dominik F.]

@mcu

Ich hab die Farben wie du sagtest jetzt mal deutlicher abgerenzt damit man es besser erkennen kann.

.j.jarvis-widget-header {
	background-color: #303030 !important;
}

.jarvis-tabs {
	background-color: #303030;
}

.jarvis-sidebar {
	background-color: #303030;
}

.q-item--dark {
	background-color: darkgreen;
}

.jarvis-widget-module-StateList {
	background-color: darkgreen;
}

Der Header wird jedoch wieder überschrieben:

[MCU]

@dominik-f Falsch eingefügt:

[Dominik F.]

@mcu

Das wars , dank dir. Warum musste im ersten das !important hin?

Kannst du mir eventuell n Link geben, wo ich mich über die Farben der Schriften informieren kann?

[MCU]

@dominik-f Ist der Link den ich dir zuerst gegeben hatte:

https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/label#widgets-id-.q-item__section.column-.q-item__label
Da sich aber auch jarvis immer wieder weiterentwickelt, sind einige Beschreibungen nicht mehr 100%-ig korrekt, dann informieren und ich werde es korrigieren.
Aber probieren, und wenn es nicht klappt, suchen wir gemeinsam eine Lösung.

Ergänzen:

.jarvis-StateListItem-Body {
	color: darkgreen;
	font-weight: bold;
}

.q-item__label--caption .text-caption {
	color: darkgreen;
}

[Dominik F.]

@mcu

Das hat super geklappt, jetzt kann ich erstmal rumspielen :)

Du hast ja weiter oben mal gesagt du freust dich über Feedback für die Anleitung:
Mir hätte es auf jedenfall geholfen bzw. als newbie einfacher gemacht, wenn es einfach einen Punkt Farben gegeben hätte mit Unterpunkten zu Label, Widget etc.

[MCU]

@dominik-f Falls dir Fehler in der Doku auffallen, bitte direkt hier eine kurze Info. Danke.

[Dominik F.]

@mcu

Mache ich....nur jetzt am Anfang wird der Fehler meistens immer vor dem Bildschirm sitzen :D

[SevenUp]

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

@sigi234 sind keine validen Datenpunkte, also der Wert ist null. Ggf. sind das nur Trigger, die du aber bei der Datenpunkt-Anzeige drin hast?

ich greife das Thema mal auf, da ich auch das Problem habe, und zwar mit vieeeelen Datenpunkten:

Trigger ist es nicht. Den z.B. beim im Log markierten Eintrag möchte ich tatsächlich in VIS sehen, ob der Sensor erreichbar ist, oder nicht. In jarvis sieht er dann so aus:

-> was muss ich hier nun machen?

[RkcCorian]

@Zefau : Moin! Bevor ich es unnötig versuche... ein Backup über BackItUp funktioniert?! Viele Grüße!

[hssteuerung]

@Zefau : kann man eigentlich Tabs oder Seiten auch verstecken?

[MCU]

@hssteuerung
Seite
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/seitenhintergrund#seiten-ausblenden
TAB
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/tabs#tab-verschwinden-lassen

[MCU]

@rkccorian
Es werden die unterschiedlichen internen Sicherungen von jarvis mit Backitup 2.2.2 gesichert. 2.2.3 nicht getestet.

jarvis muss dazu ausgewählt sein:

Auch in der Hautsicherung: backup.json sind die jarvis-DPs drin (Nur zum Zeitpunkt der Sicherung):

Im "val"-Wert stehen die DP-Werte

[Dominik F.]

@mcu

Ich bin nun bei den Bindings angelangt. Das erste hat schon mal funktioniert (Symbol auf dem Bild ist grün).

Jetzt hab ich dort den Status uncertain.

Ich würde dort gerne anstatt uncertain, in grün "an" stehen haben.
Kannst du mir einen Tipp geben, wie ich das hinbekomme?

[MCU]

@dominik-f uncertain ist der Wert vom Datenpunkt (ioBroker)?
Anzeigewert:

{"uncertain":"an","blabla":"aus"}

Datenpunkt Stil:

{"uncertain":{"color":"green"}}