@jahnbes Das Problem ist gelöst. Hier auf die Schnelle ein Screenshot der Lösung [image: 1708619428797-zigbee_batteriezustand_1.jpg] und der zugehörige html-Code: <style> caption { color: white; font-size: x-large; } th { text-align: center; color: black; background-color: #67eea8b7; font-size: large; font-weight: normal; } .alarm { color: black; background-color: rgb(253, 116, 116); } .attention { color: black; background-color: rgb(252, 234, 115); } td { text-align: center; color: white; font-size: large; } </style> <table class="table table-bordered" columns="3"> <caption>&nbsp;&nbsp;&nbsp;Zigbee-Thermometer&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Batteriezustand&nbsp;&nbsp;&nbsp;- 1 -</caption> <div ng-app="" ng-init="geraete=[ {raum:'Arbeitszimmer',adresse:'zigbee.0.00158d0008ce4367.'}, {raum:'Schlafzimmer',adresse:'zigbee.0.00158d0008c11f15.'}, {raum:'Wohnzimmer',adresse:'zigbee.0.00158d0008385f00.'} ]"> <tr> <th>Raum</th> <th>Prozent</th> <th>Spannung</th> </tr> <tr ng-repeat="x in geraete"> <td>{{x.raum}}</td> <td ng-init="percentV=itemValue(x.adresse+'battery')" ng-class="{'alarm': percentV <= 40, 'attention': percentV > 40 && percentV < 70}"> {{'%.0f' | sprintf:percentV}} %</td> <td>{{'%.2f' | sprintf:itemValue(x.adresse+'voltage')}} V</td> </tr> </div> </table> Und hier ein Screenshot einer komplizierteren Tabelle: [image: 1708619501538-zigbee_geraete_tabelle.jpg] Ich bereite einen ausführlichen Beitrag vor. Wenn er im Netz ist, verlinke ich ihn hier. Viele Grüße, jahnbes.

So hier mein Widget Ich hoffe ich habe das richtig eingefügt... Ich habe gerade gesehen das ich nicht den Sensor abfrage ob das Garagentor in Bewegung ist sondern den Status vom Aktor. [{"tpl":"i-vis-multi","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iUniversalWidgetType":"State","iValueType":"value","iStateResponseTime":"700","iStateResetValueTime":"1000","iNavWait":"100","iHttpType":"iSend","iPopUpBackground":"#666666","iPopUpPreventClickOutside":"","iPopUpShowTitle":"true","iPopUpTitle":"","iPopUpTitleColor":"#ffffff","iPopUpCloseBtnColor":"#dc2e2e","iPopUpWidth":"800","iPopUpHeight":"500","iPopUpHeightTitle":"50","iPopUpTitleSize":"28","iPopUpPosition":"center","iPopUpPositionX":"0","iPopUpPositionY":"0","iPopUpCloseAfterSeconds":"0","iPopUpCornerRadiusUL":"12","iPopUpCornerRadiusUR":"0","iPopUpCornerRadiusLR":"12","iPopUpCornerRadiusLL":"0","iPopUpShadowXOffset":"2","iPopUpShadowYOffset":"2","iPopUpShadowBlur":"2","iPopUpShadowSpread":"1","iPopUpShadowColor":"#111111","iUniversalValueCount":"2","iCheckType1":"iCheckDpValue","iValueComparison1":"equal","iButtonActiveM1":"#333333","iTextColorActive1":"#ffffff","iShadowColorActiveM1":"#111111","iShadowInnerColorActiveM1":"#111111","iShadowTextColorActiveM1":"#111111","iBorderColorActiveM1":"#ffffff","iImgBlinkTrue1":"0","iImgColorTrue1":"#FFFFFF","iHtmlTextFieldTrue1":"","iButtonCol":"#333333","iButtonColHover":"#333333","iOpacityBack":"1","iCornerRadiusUL":"12","iCornerRadiusUR":"12","iCornerRadiusLR":"12","iCornerRadiusLL":"12","iContentFlexDirection":"horizontal","iContentVertAlign":"iStart","iContentOrder":"orderImgText","iOpacityCtn":"1","iContentType":"image","iTextColor":"#ffffff","iTextColorActive":"#ffffff","iTextSize":"16","iTextAlign":"iCenter","iTextDecoration":"none","iTextSpaceTop":"0","iTextSpaceBottom":"0","iTextSpaceLeft":"20","iTextSpaceRight":"0","iIconSize":"50","iImgAlign":"iCenter","iImgRotation":"0","iImgSpaceTop":"5","iImgSpaceBottom":"0","iImgSpaceLeft":"0","iImgSpaceRight":"0","iImgBlinkFalse":"2000","iImgColorFalse":"#ef230b","iImgClockFace":"01","iImgClockHands":"01","iImgClockShowBorder":"true","iImgColorClockFace":"#ffffff","iImgColorHands":"#ffffff","iImgColorHandSecond":"#ff0000","iClockShowSeconds":"","iClockTimezone":"Europe/Berlin","iHtmlTextFieldFalse":"","iShadowXOffset":"2","iShadowYOffset":"2","iShadowBlur":"2","iShadowSpread":"1","iShadowColor":"#111111","iShadowInnerXOffset":"0","iShadowInnerYOffset":"0","iShadowInnerBlur":"0","iShadowInnerSpread":"0","iShadowInnerColor":"#111111","iShadowTextXOffset":"0","iShadowTextYOffset":"0","iShadowTextBlur":"0","iShadowTextColor":"#111111","iBorderSize":"0","iBorderStyle":"none","iBorderColor":"#ffffff","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"iCheckType2":"iCheckDpValue","iValueComparison2":"equal","iButtonActiveM2":"#455618","iTextColorActive2":"#ffffff","iShadowColorActiveM2":"#111111","iShadowInnerColorActiveM2":"#111111","iShadowTextColorActiveM2":"#111111","iBorderColorActiveM2":"#ffffff","iImgBlinkTrue2":"2000","iImgColorTrue2":"#FFFFFF","iHtmlTextFieldTrue2":"","nav_view":"Startseite","iTextFalse":"Garagentor in Bewegung","oid1":"hm-rpc.0.MEQ0752896.1.STATE","iValue1":"0","iImageTrue1":"/vis-icontwo/Doors_Windows/Garage/sectional_100.png","iView1":"","oid2":"hm-rpc.0.OEQ1432594.1.STATE","iValue2":"0","iImageTrue2":"/vis-icontwo/Doors_Windows/Garage/sectional_0.png","iCheckType3":"iCheckDefault","iValueComparison3":"equal","iButtonActiveM3":"#455618","iTextColorActive3":"#ffffff","iShadowColorActiveM3":"#111111","iShadowInnerColorActiveM3":"#111111","iShadowTextColorActiveM3":"#111111","iBorderColorActiveM3":"#ffffff","iImgBlinkTrue3":"0","iImgColorTrue3":"","iHtmlTextFieldTrue3":"","oid3":"hm-rega.0.9282","iImageTrue3":"/vis-icontwo/Devices/Printers/3D_printer2.png","iValue3":"4","oid":"hm-rpc.0.MEQ0593641.1.STATE","value":"1","iImgColorInvert2":false,"iImgColorInvert1":false,"iValueFalse":"0","iValueTrue":"1","hide_duration":"9700","iTextTrue1":"Garage Öffnen","iTextTrue2":"Garage offen\nGarage schliessen","iImageFalse":"/vis-icontwo/Doors_Windows/Garage/sectional_50.png","name":"Switch Garagentor"},"style":{"left":"524px","top":"374px","width":"170px","height":"90px","z-index":"3"},"widgetSet":"vis-inventwo"}]

@spectrum1981 Code ist zu lang für hier. Sende mir am besten mal deine Mail per Pn.

sorry da war ein Missverständnis, aber Dein Nachdruck hat geholfen und ich hab den Filter gefunden. Vielen Dank @codierknecht [image: 1708522700169-wigget.jpg]

Ich weiß jetzt, wo das Problem so ungefähr liegt. Wenn ich über die LAN-IP auf die VIS zugreife (":8082/vis/"), dann klappt alles. Wenn ich über den DynDns-LetsEncrypt-Namen auf die VIS zugreife, dann klappt es nicht. Für das Internet habe ich einen Apache2-Reverse-Proxy eingerichtet und vermutlich sind meine Rewrite-Regeln nicht vollständig. Websocket funktioniert z.B. auch nicht richtig. Aber das kriege ich schon noch hin. Wollte nur Rückmeldung geben.

@bfit Ich schließe mich dem an. Ich würde das auch gerne einrichten, habe aber die selbe Frage wie ihr.

@pezi sagte in Material Design Calendar, zweizeilige Darstellung: Gibt es eine Möglichkeit auch den Termintext zweizeilig darzustellen (mit Zeilenumbruch)? Eine Lösung würde mich an diser Stelle auch interessieren. Ich mag alles vom Material Design! Ein Zeilenumbruch im Kalender wäre das "Sahnehäubchen". Ro75.

Ist das wohl was passendes? https://amzn.eu/d/9hP0LlD

@djmarc75 ctrl - icon Pushbutton / val - icon Bool Ich kan auch andere nutzen wenn es einfacher ist

Kann hier keiner helfen?

@pudding90 okay, hat sich wie so oft nach einiger Zeit des "try&error" erledigt :) ich habe die tankerkoenig-card.js bearbeitet mit 3 "Vorschlägen" aus den noch offenen issues der originalen Karte. Ich habe also nun: -die "original" karte genommen, nicht die für ioBroker angepasste -die 3 Anpassungen in der js Datei gemacht /local/bilder irgendwas/... durch /cards/ ersetzt, so dass man die png Bilder in der Instanz unter eigene Karten reinladen kann sieht nun so aus: [image: 1708427075159-ro0vmx1-1.png]

@manuxi Danke für deine Lösung. Schön, dass es so funktioniert wie du dir das wünscht.

@codierknecht das kann man bestimmt machen, nur das übersteigt aktuell mein KnowHow ^^ Ich bin froh, dass es jetzt erst einmal so läuft

@roctions Kriegt man die "Home" App nicht auf den Fernseher? Ich muss leider einschränken: "Isch 'abe gar keine Äppel-TV" ;-)

@codierknecht Hab dafür 'ne eigene Page spendiert. [image: 1708339960041-8c2bb948-c1e9-4139-b1bf-5d871d3fcf03-image.png]

@sebasdi Dann würde ich vermutlich 6 Widgets nehmen, an der selben Stelle positionieren und diese nur einblenden wenn der Wert true ist.