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

[heinzie]

@skb Das hatte ich schon probiert, war auch mein erster Gedanke. Dabei wird aber nur - wenn die Bedingung erfüllt ist - der Wert auf "0" gesetzt und die Farbe von dem Wert geändert.

[SKB]

@heinzie achso, ich hatte deine Frage falsch gelesen. Du sprichst von der Hintergrundfarbe und nicht vom Wert.

Schaue ich mir nach dem Urlaub an :)

[heinzie]

@skb Ja genau, die Werte sollen weiterhin angezeigt werden, nur der Hintergrund soll sich ändern. Dann kann man das sofort auch aus der Enfernung erkennen.

Jetzt aber erst mal schön Urlaub machen!

[Maxtor62]

@skb
leider wird die Farbe #fffffff dargestellt. Habe ich was falsches eingestellt?

Aktuell habe ich an allen Elementen die gleiche Farbei drin. Sollte halt transparent sein. Wegen dem Farbverlauf im Hintergrund.

und wie bekomme ich den Abstand/Rand kleiner? Man kann das nicht so richtig an seine VIS anpassen.
Wenn ich die Größe einstelle die ich brauche, habe ich am Tablet im Kiosk-Modus rechts und unten Laufbalken.

Und mach jetzt Urlaub. Das Zeugs hier ist nicht lebenswichtig.

[BananaJoe]

@maxtor62 sonst probiere mal ob er bei den Farben auch rgb(255,255,255,0) frisst.
Das wäre weiß mit 100% Transparenz, nutze ich in VIS oft. Die letzte Zahl ist von 0 bis 1 die Transparenz

[Maxtor62]

@bananajoe sagte in Test Adapter Energiefluss v2.0.x GitHub/Latest:

rgb(255,255,255,0)

Hi, danke für die Idee, aber das geht schon in der Instanzeinstellung schief. RGB mag er scheinbar nicht.

[Maxtor62]

@heinzie
Hi, das kannst Du auch mit dem VIS Inventwo Universal Widget realisieren, falls Du VIS benutzt.
Einfach einen transparenten Schalter darüber legen(z-index beachten) und die Werte für +grün und -rot eingeben, die Ränder den gewünschten Farbton einstellen. Größe an Deine Energiefluss Grafik anpassen und gut.

Hab Dir mal so ein Widget angehängt.

Spoiler

[{"tpl":"i-vis-universal","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":"Background","iValueType":"boolean","iStateResponseTime":"0","iNavWait":"10","iButtonCol":"","iButtonActive":"","iOpacityBack":"1","iCornerRadiusUL":"0","iCornerRadiusUR":"0","iCornerRadiusLR":"0","iCornerRadiusLL":"0","iContentFlexDirection":"vertical","iContentVertAlign":"iSpace-between","iContentOrder":"orderTextImg","iOpacityCtn":"1","iTextColor":"{vis-inventwo.0.CSS.Text}","iTextSize":"16","iTextAlign":"iCenter","iTextSpaceTop":"0","iTextSpaceBottom":"0","iTextSpaceLeft":"0","iTextSpaceRight":"0","iIconSize":"50","iImgAlign":"iCenter","iImgSpaceTop":"20","iImgSpaceBottom":"0","iImgSpaceLeft":"0","iImgSpaceRight":"0","iImgRotation":"0","iImgBlinkFalse":"0","iImgBlinkTrue":"0","iShadowXOffset":"0","iShadowYOffset":"0","iShadowBlur":"0","iShadowSpread":"0","iShadowColor":"#111111","iShadowColorActive":"#111111","iShadowInnerXOffset":"0","iShadowInnerYOffset":"0","iShadowInnerBlur":"0","iShadowInnerSpread":"0","iShadowInnerColor":"","iShadowInnerColorActive":"","iBorderSize":"1","iBorderStyle":"solid","iBorderColor":"#12e802","iBorderColorActive":"#cb3438","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,"oid":"shelly.0.SHSW-PM#E89F6D848CBF#1.Relay0.Switch","iValueFalse":"","iValueTrue":"3","iTextFalse":"","iTextTrue":"","iImageFalse":"","iImageTrue":"","iInvertImageCol":true,"iFlipImage":false,"nav_view":"PV","iStateResetValueTime":"0","views":["Alarm","Alexa","Anrufmonitor","Corona","Drucker","ECharts","FB_Checkpresence","Gartenbewässerung","Geschirrspüler","Licht","Meteoalarm","Multimedia","Netzwerk","Pegelalarm","Sprinkle_Control","Status","Time","View_Gross","Wetter","Yamaha"],"iImgColorFalse":"#ffffff","iImgColorTrue":"#ffffff","iImgColorFalseFilter":"filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(168deg) brightness(104%) contrast(101%);","iImgColorTrueFilter":"filter: invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);","name":"Klima Schalter","filterkey":"EcoFlow","iValueComparison":"greater","iButtonColHover":"","iShadowColorHover":"","iShadowInnerColorHover":"","iBorderColorHover":"","iPopUpBackground":"","iPopUpPreventClickOutside":"","iPopUpShowTitle":"true","iPopUpTitle":"","iPopUpTitleColor":"","iPopUpCloseBtnColor":"#dc2e2e","iPopUpWidth":"800px","iPopUpHeight":"500px","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","iContentType":"image","iImgClockFace":"001","iImgClockHands":"001","iImgClockShowBorder":"1","iImgColorClockFace":"#ffffff","iImgColorHands":"#ffffff","iImgColorHandSecond":"#ff0000","iClockShowSeconds":"","iClockTimezone":"Europe/Berlin","iHtmlTextFieldFalse":"","iHtmlTextFieldTrue":"","iShadowTextXOffset":"0","iShadowTextYOffset":"0","iShadowTextBlur":"0","iShadowTextColor":"","iShadowTextColorActive":"","iHttpType":"iSend","iTextColorActive":"#f6b831","iTextDecoration":"none"},"style":{"left":"645px","top":"156px","z-index":"4","width":"110px","height":"110px"},"widgetSet":"vis-inventwo"}]

[SKB]

@maxtor62 ah, ok. Die Farbe schaue ich mir dann nochmal an.

Die Grafik ist insgesamt so groß, wie der Frame, den du einstellst, worin sie geladen ist.

[Maxtor62]

@skb
kann ich so nicht bestätigen. Wenn ich den iFrame um 50px kleiner stelle, wird die Grafik abgeschnitten. aber der Rand ist immer noch da und braucht unnötig Platz. Egal ob rechts oder unten.

[SKB]

@maxtor62 Ich kann dir das so bestätigen. Du musst dem iframe das "Scroll-Attribut" auf "no" oder "false" geben. Dann gehen die Scrollbalken weg.

Wie du hier an den verschiedenen Auflösungen sehen kannst:

[Maxtor62]

@skb
das gleiche Problem hatte wendy2702 am 29.09.2022 auch schon mal erklärt.

iFrame ist so eingestellt.

[SKB]

@maxtor62 wenn VIS das nicht richtig umsetzt, kann ich da leider nicht helfen, da ich VIS nicht nutze bzw in JarVIS dies richtig dargestellt wird und alles HTML konform ist.

[Maxtor62]

@skb
ok danke. Dann ist der Adapter für mich nicht brauchbar. Wünsche Dir trotzdem viel Erfolg bei Deiner Entwicklung.

[SKB]

@maxtor62 Danke, ich habe eine Lösung gefunden :)

Bitte nochmal die Version installieren. Ich habe eine Datei angepasst. Damit sollte es nun problemlos gehen.

[ManfredHi]

Hallo. Ich habe das Problem, dass wenn ich das Frame kleiner mache, immer rechts ein Teil abgeschnitten wird.
Da ich keine Batterie habe, habe ich natürlich nicht den linken Bereich. Kann man das irgendwie anders einstellen, dass ich das Frame trotzdem verkleinern kann?

[Crazy32]

Moin allerseits. Ich bekomme (hoffentlich) dieses Jahr noch meine PV-Anlage mit Speicher und bin auf der Suche nach einem Widget für meine VIS über diesen Adapter gestolpert. Sieht echt gut aus! Aber irgendwie passt da was nicht. Ich habe den Adapter ohne Fehler installiert, aber ich finde den bei den Instanzen nicht. In Objekten ist ein Ordner Energiefluss vorhanden, aber der ist komplett leer.

Und ja, ich weiß, die Anlage ist noch nicht da, aber ich bin neugierig und wollte mir den Adapter einfach schon mal anschauen :-)

Hat da jemand eine Idee?

[SKB]

@crazy32 Wie bei allen Adaptern, die du über Github installierst, musst Du die Instanz selbst hinzufügen. Dann passts!

[SKB]

@manfredh-1 Lass mich raten - auch VIS?

[da_Woody]

@crazy32

[Crazy32]

@skb sagte in Test Adapter Energiefluss v2.0.x GitHub/Latest:

@crazy32 Wie bei allen Adaptern, die du über Github installierst, musst Du die Instanz selbst hinzufügen. Dann passts!

@da_woody sagte in Test Adapter Energiefluss v2.0.x GitHub/Latest:

@crazy32

Danke euch beiden!