jarvis v3.1.x - just another remarkable vis

[sigi234]

@zefau

Gibt es schon eine Möglichkeit bei true/false ein bestimmtes Bild einzublenden?

[MCU]

@sigi234 Wo soll es eingeblendet werden?
Wenn an dem, in dem Layout, definierten Platz, dann kann man mit Binding arbeiten.
Im Body Stil:

{"{0_userdata.0.Zahl_SONOS}=0":{"display":"none !important"}}

[sigi234]

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

@sigi234 Wo soll es eingeblendet werden?
Wenn an dem, in dem Layout, definierten Platz, dann kann man mit Binding arbeiten.
Im Body Stil:

{"{0_userdata.0.Zahl_SONOS}=0":{"display":"none !important"}}

Ok, wenn der Alarm Status sich ändert soll ein entsprechendes Bild eingeblendet werden.
Also verschiedene Bilder bei verschiedene Alarm Status.

[MCU]

@sigi234 Ich hab einiges probiert, aber zurzeit ist nur die Umsetzung mit der StateList oder mit dem HomeKitTile sinnvoll. Beschreibungen folgen.

[MCU]

@sigi234 Wird übrigens bearbeitet.
https://github.com/Zefau/ioBroker.jarvis/issues/1999

https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/homekittile#bilder-wechsel-durch-stateaenderung

Zefau created this issue in Zefau/ioBroker.jarvis

closed DisplayImage mit Geräte-DP anzeigen #1999

[SlipKoRn_DH88]

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

@slipkorn_dh88 Die Widget Selektoren müssen sowieso angepasst werden.

[widgets="a1909546-e866-4205-a663-05c5465bc220"]
-> .jarvis-widget-a1909546-e866-4205-a663-05c5465bc220 ...

body funktioniert
Buttons funktionieren
Scrollbalken werden ausgeblendet

Wie sollen die aussehen?

Was stimmt hier nicht?

Sidebar Scrollbalken ausblenden

/* Sidebar Scrollbalken ausblenden */
.jarvis-sidebar-items::-webkit-scrollbar {
	display: none !important;
}

.jarvis-sidebar-items::-webkit-scrollbar-thumb {
	display: none !important;
}

Das Problem muss wohl daran gelegen haben, dass alle Styles nicht erkannt wurden. Ich habe Jarvis neu installiert und danach funktionierte es.

[MCU]

@sigi234 Kannst du bitte Deine unterschiedlichen Alarmbilder und Alarmzustände zur Verfügung stellen, dann nehme ich das mit dem Alarm Beispiel in die Doku auf. Danke.

[sigi234]

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

@sigi234 Kannst du bitte Deine unterschiedlichen Alarmbilder und Alarmzustände zur Verfügung stellen, dann nehme ich das mit dem Alarm Beispiel in die Doku auf. Danke.

Ok, dauert ein wenig.

Alarm_Icons.zip

alarm.0.status.json

[MCU]

@sigi234 Mit v3.1.0-beta.7 läuft es auch mit displayImage.

[sigi234]

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

@sigi234 Mit v3.1.0-beta.7 läuft es auch mit displayImage.

Super, Link zur Doku gibt es schon?

[MCU]

@sigi234 Bin gerade dabei. Moment.

[MCU]

@sigi234
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/displayimage#bilderwechsel-bei-unterschiedlichen-statewerten-mit-eintraegen-in-der-anzeigevariante

[somansch]

Was muss ich tun, damit ich einen automatischen Zeilenumbruch im HomeKitTile hinbekomme? Ich möchte den aktuellen Titel der Sonos darstellen, jedoch ist bei "80s80s" auch der Interpret im selben DP, also reicht die Breite nicht aus

Danke vorab,
Andreas

[MCU]

@somansch Bitte die Geräterinstellumgenndazu. Und den DP Inhalt. Wie breit ist das Widget?

[somansch]

@mcu
Hier die Gerätedefinition:

Und der aktuelle DP Inhalt, welcher jetzt gerade reinpasst, aber es gibt natürlich Interpreten und Titel mit mehr Zeichen:

Die Definition im Widget:

Und die Widget Größe:

[somansch]

@mcu,
eine Option wäre auch, die Anzahl der Zeichen beschränken zu können und falls der String zu lang ist, am Ende abzuschneiden und "..." setzen zu können.

[MCU]

@somansch Es gibt eine CSS-Eigenschaft overflow-wrap oder word-wrap. Versuch es einmal damit.

overflow-wrap: break-word;

word-wrap: break-word;

word-break: break-word;

Entweder im Datenunkt Stil oder Body Stil.

[somansch]

@mcu
ich habe jetzt mal sämtliche Varianten des Umbruch im DP bzw. Body Stil ausprobiert. Leider ohne Erfolg. Nun habe ich auch noch den Text Overflow ausprobiert (siehe: hier ) Geht leider auch nicht

[MCU]

@somansch Also für Input macht er es:

Nimm mal nur

"font-size": "30px",
"text-overflow": "ellipsis !important"

[somansch]

@MCU
So sieht es in den Dev Tools aus:

Funktioniert aber trotzdem nicht: