[GELÖST] Problem mit FullyBrowser/Darstellung ...

[xcilence]

//////////////////

Hier habe ich jetzt noch einige Ideen gehabt an was es liegen könnte, dass eventuell Photoshop die falsche Bit-Tiefe gesetzt hat, Alpha-Channel et cetera. Nope

Ich habe mir jetzt die Mühe gemacht, alle Einstellungen durchzugehen bei FullyBrowser & unter diesen etwas gefunden:

Settings > Advanced Settings > Dark Mode > Force Dark Mode ON

Hier sollte eigentlich AUTO stehen und nicht forciert aktiv sein!

Wieso auch immer, es funktioniert auch wieder alles wie es soll.

Bedanke mich dennoch einmal bei allen die versucht haben zu helfen!

/////////////////

Systemdata	Bitte Ausfüllen
Hardwaresystem:	Pi4
Arbeitsspeicher:	4GB
Festplattenart:	SSD
Betriebssystem:	Raspbian Buster
Node-Version:	14.18.1
Nodejs-Version:	14.18.1
NPM-Version:	6.14.15
Installationsart:	Skript
Image genutzt:	Nein
Ort/Name der Imagedatei:	n/a

Ich habe ein Darstellungsproblem im FullyBrowser, und das schon bevor ich das System geupgradet habe vor zwei Tagen seit minimum zwei weiteren Tagen.

Langsam aber sicher weiß ich hier echt nicht mehr weiter und bin somit mit meinem Latein am Ende.

Auf dem Frontend für die VIS läuft Android 11 mit dem FullyBrowser in aktueller Version und auch das Tablet bekam immer alle Updates. Daraufhin habe ich mir das ganze unter anderen Browsern am Rechner sowie auf dem Tablet angeschaut und musste feststellen, dass hier nur der FB dieses Problem hat. Mein Backend wurde dann auf den neuesten Stand gebracht und soweit läuft alles ohne Probleme oder irgendwelchen Auffälligkeiten.

Auf den Screenshots ist einmal der Normalzustand zu sehen und wie es unter Android/FB aussieht. Auch gewisse Attribute zu ändern über die VIS brachten keinen Erfolg. Es sind an dieser Stelle normale PNG-Bilder die durch das Attribut 'Opacity' angepasst sind. Einige Bilder die ebenfalls PNG sind werden teilweise normal dargestellt. Bilder sind auch normal hinterlegt auf dem Raspi. Ein erneutes setzen löst dieses Problem ebenfalls nicht und es wurde auch nicht im Vorfeld am System gebastelt.

Ich hoffe jemand hatte das gleiche Phänomen oder kann sich zumindest vorstellen an was es liegen könnte. Denn leider ist der Support vom FB nicht grade hilfreich da dieser nur auf die FAQ hinweist und die mich nicht mal ansatzweise ein Stück der Lösung näher brachte.

Bedanke mich bereits im Vorfeld für die Hilfe.

[JoergH]

@xcilence Ich habe leider keine Ahnung wie man Dein Problem löst, aber eine Frage zu dem Radarbild: Ich nehme an, dass ist ein WX Radarbild, korrekt? Wo hast Du das her?

[Homoran]

@xcilence ich weiß nicht genau was du bemängelst.
Aber wahrscheinlich sind es die Fonts, die in deinem Frontend zur Verfügung stehen.

Das ist ein Uraltes Thema.

[xcilence]

@joergh - Hallo Joerg, das Radarbild ist direkt von der DWD-Webseite und dann als Datenpunkt hinterlegt.

Siehe diesen Link: Radar DWD

[xcilence]

@homoran - Uff also eigentlich bin ich der Meinung, das man hier eindeutig sehen kann was mich stören könnte. Es hat nichts mit den Fonts/Schriften zutun, denn diese werden sauber und ordentlich am Frontend angezeigt.

Es geht mir um die Symbole die jetzt auf einmal in schwarz angezeigt werden ohne irgendwas geändert zu haben. Auch auf den Screenshots zu sehen und das auch nur auf dem FullyBrowser.

[JoergH]

@xcilence Ah, danke. Kannte ich noch nicht. Sehr nice!

[Homoran]

@JoergH

variante

rechts oben der Radarfilm in der Ecke

[Homoran]

@xcilence sagte in Problem mit FullyBrowser/Darstellung unter Android 11:

eigentlich bin ich der Meinung, das man hier eindeutig sehen kann was mich stören könnte

Naja, vielleicht nicht am Handy!

@xcilence sagte in Problem mit FullyBrowser/Darstellung unter Android 11:

Es hat nichts mit den Fonts/Schriften zutun, denn diese werden sauber und ordentlich am Frontend angezeigt.

Aber da habe ich am Handy gesehen, dass es unterschiedliche Fonts bei der Uhrzeit sind (das war groß genug).

@xcilence sagte in Problem mit FullyBrowser/Darstellung unter Android 11:

Es geht mir um die Symbole die jetzt auf einmal in schwarz angezeigt werden ohne irgendwas geändert zu haben.

gar nichts?

Was sind das für Widgets?

[xcilence]

@homoran - Nabend, also nein es wurde wirklich nichts daran geändert. Musste einen Abend das Tablet ausmachen und nach einem Start am nächsten Tag, sah es dann leider so aus. Es hat sich im Vorfeld keiner ein Update gezogen! Nach dem ich das Problem nicht ausfindig machen konnte, weder am Tablet selber noch auf dem Pi oder PC. Denn wenn ich einen anderen Browser nutze - sei es auf dem Smartphone, Tablet, PC oder Pi selber, wird alles sauber ohne Probleme dargestellt. Also sagt mir mein Gefühl, dies hier auf den FullyBrowser eingrenzen zu können.

Hierbei handelt es sich um die Widgets: BASIC IMAGE & JQUI-MFD-CTRL-SOCKET.

Wie gesagt, es geht mir nicht um den Mix der Fonts, denn die passen hier für unsere Verhältnisse, perfekt zum Frontend bzgl. ablesbarkeit et cetera.

[Homoran]

@xcilence sagte in Problem mit FullyBrowser/Darstellung unter Android 11:

BASIC IMAGE & JQUI-MFD-CTRL-SOCKET.

die haben eigentlich auch keinerlei Schnickschnack
ich hatte jetzt CSS Gedöns befürchtet

oder ist sonst noch CSS in dem View, der ggf. das JQUI verbiegt?

@xcilence sagte in Problem mit FullyBrowser/Darstellung unter Android 11:

Musste einen Abend das Tablet ausmachen und nach einem Start am nächsten Tag

Dann kann die Ursache noch weiter zurückliegen und durch die Aktion wurde endlich mal alles temporäre gelöscht

[xcilence]

@homoran - dies Idee schwebte mir ebenfalls grade vor, doch ich muss gestehen das hier kein CSS mit eingebunden wurde.

Mich macht aber auch folgendes stutzig, wenn ich ein Bild hochlade und setze als jeweiliges Widget in schwarz wird mir dieses invertiert und in weiß genau das Gegenteil halt. Dann dachte ich eben, an eine Art 'Nachtmodus' am Tablet aber dieses ist deaktiviert und startet auch nicht automatisch.

Bin ein wenig am verzweifeln.

[Homoran]

@xcilence sagte in Problem mit FullyBrowser/Darstellung unter Android 11:

Dann dachte ich eben, an eine Art 'Nachtmodus' am Tablet aber dieses ist deaktiviert und startet auch nicht automatisch.

auch ne Möglichkeit
das muss irgendwo da liegen.

Gab es schon mal bei den Fontfarben , als google den WebView geändert hatte. Vorher war schawrz default, jetzt ist es weiß

[xcilence]

@homoran - es wäre halt schön wenn es daran liegen würde und ich habe sicherhaltshalber erneut geschaut aber kann dies mit negativ beantworten.

Finde auch leider keine passende Einstellung im Fully der dieses ggf. auslösen könnte, sowas wie nightmode etc.

Habe auch nochmal erneut mit den Symbolen/Widgets herumgespielt und keine Besserung vorgefunden.

[xcilence]

Schade das hier niemand ein eventuell ähnliches Problem hat/hatte. Das Problem besteht weiterhin und auch ein einspielen eines Backups brachte nichts.

[Glasfaser]

@xcilence sagte in Problem mit FullyBrowser/Darstellung unter Android 11:

Schade das hier niemand ein eventuell ähnliches Problem hat/hatte.

Kannst du nicht deine View oder ein Teil davon hier einstellen , damit man selber oder andere es mal testen können .

[xcilence]

@glasfaser - Stimmt, auf den Gedanken bin ich nicht einmal Ansatzweise gekommen.

Also nun denn, hier sind drei Symbole die unter FullyBrowser falsch dargestellt werden wie das UV, Luftfeuchte und Luftqualitäts-Icon. Im Hintergrund befinden sich nur SVG-Shapes zur besseren Diffenrenzierung auf dem Frontend.

Ich hoffe so sehr das der Fehler reproduzierbar ist und man dann schauen könnte an was es genau liegt.

Hab dank für den Wink mit dem Zaunpfahl

Anbei noch eine ZIP mit einigen Icons. Hätte gerne das Projekt exportiert, allerdings scheint dieses zu groß zu sein.

[{"tpl":"tplImage","data":{"g_fixed":false,"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","refreshInterval":"0","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,"src":"/vis.0/NXT.dashboard/uv-index.png"},"style":{"left":"183px","top":"661px","width":"46px","height":"46px","z-index":"6","opacity":"0.5"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":false,"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","refreshInterval":"0","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,"src":"/vis.0/NXT.dashboard/humidity.png"},"style":{"left":"310px","top":"661px","width":"43px","height":"46px","opacity":"0.5","z-index":"3"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":false,"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","refreshInterval":"0","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,"src":"/vis.0/NXT.dashboard/airQ.png"},"style":{"left":"432px","top":"663px","width":"52px","height":"47px","opacity":"0.5","z-index":"3"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":false,"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","refreshInterval":"0","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,"src":"/vis.0/NXT.dashboard/wifi.png"},"style":{"left":"531px","top":"669px","width":"41px","height":"28px","opacity":"0.5","z-index":13},"widgetSet":"basic"},{"tpl":"tplBarNavigator","data":{"buttonsImage1":"","buttonsText1":"","buttonsOption1":"stats","buttonsImage2":"","buttonsText2":"Demoview","buttonsOption2":"DemoView","buttonsImage3":"","buttonsText3":"Webcam","buttonsOption3":"webcam","bCount":"1","g_fixed":false,"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","bTheme":"","bPosition":"floatHorizontal","bSpace":"5","bRadius":"5","bOffset":"0","bTextAlign":"center","bImageAlign":"center","bLayout":"fixed","imagePaddingLeft":"10","imagePaddingTop":"2","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,"bStyleNormal":"bar-button-no-background","bStyleActive":"bar-button-no-background","g_effects":false,"bShowEffect":"show","bShowEffectMs":"100","bHideEffect":"show","bHideEffectMs":"100"},"style":{"left":"528px","top":"705px","width":"119px","height":"58px","z-index":14},"widgetSet":"bars"},{"tpl":"tplBarNavigator","data":{"buttonsImage1":"","buttonsText1":"","buttonsOption1":"qr","buttonsImage2":"","buttonsText2":"Demoview","buttonsOption2":"DemoView","buttonsImage3":"","buttonsText3":"Webcam","buttonsOption3":"webcam","bCount":"1","g_fixed":false,"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","bTheme":"","bPosition":"floatHorizontal","bSpace":"5","bRadius":"5","bOffset":"0","bTextAlign":"center","bImageAlign":"center","bLayout":"fixed","imagePaddingLeft":"10","imagePaddingTop":"2","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,"bStyleNormal":"bar-button-no-background","bStyleActive":"bar-button-no-background","g_effects":false,"bShowEffect":"show","bShowEffectMs":"100","bHideEffect":"show","bHideEffectMs":"100"},"style":{"left":"527px","top":"555px","width":"119px","height":"82px","z-index":14},"widgetSet":"bars"},{"tpl":"tplBarNavigator","data":{"buttonsImage1":"","buttonsText1":"","buttonsOption1":"smarthome","buttonsImage2":"","buttonsText2":"Demoview","buttonsOption2":"DemoView","buttonsImage3":"","buttonsText3":"Webcam","buttonsOption3":"webcam","bCount":"1","g_fixed":false,"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","bTheme":"","bPosition":"floatHorizontal","bSpace":"5","bRadius":"5","bOffset":"0","bTextAlign":"center","bImageAlign":"center","bLayout":"fixed","imagePaddingLeft":"10","imagePaddingTop":"2","bShowEffect":"show","bShowEffectMs":"100","bHideEffect":"show","bHideEffectMs":"100","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,"bStyleNormal":"bar-button-no-background","bStyleActive":"bar-button-no-background"},"style":{"left":"528px","top":"267px","width":"119px","height":"82px","z-index":4},"widgetSet":"bars"},{"tpl":"tplMfdSocketCtrl","data":{"oid":"sonoff.0.SZ NT-LICHT.POWER","g_fixed":false,"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","asButton":false,"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,"min":"0","max":"1","icon_off":"/vis.0/NXT.dashboard/bulb_off.png","iconColor_off":"","icon_on":"/vis.0/NXT.dashboard/bulb_on.png","iconColor_on":"","invert_icon":false,"invert_state":false},"style":{"left":"534px","top":"189px","width":"38px","height":"61px","z-index":13,"opacity":"0.3","letter-spacing":"1px"},"widgetSet":"jqui-mfd"},{"tpl":"tplMfdSocketCtrl","data":{"oid":"g-homa.0.4FECEC.state","g_fixed":false,"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","asButton":false,"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,"min":"0","max":"1","icon_off":"/vis.0/NXT.dashboard/bulb_off.png","iconColor_off":"","icon_on":"/vis.0/NXT.dashboard/bulb_on.png","iconColor_on":"","invert_icon":false,"invert_state":false},"style":{"left":"534px","top":"126px","width":"38px","height":"61px","z-index":15,"opacity":"0.3","letter-spacing":"1px"},"widgetSet":"jqui-mfd"},{"tpl":"tplMfdSocketCtrl","data":{"oid":"g-homa.0.4FB3C4.state","g_fixed":false,"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","asButton":false,"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,"min":"0","max":"1","icon_off":"/vis.0/NXT.dashboard/ambilight_off.png","iconColor_off":"","icon_on":"/vis.0/NXT.dashboard/ambilight_on.png","iconColor_on":"","invert_icon":false,"invert_state":false},"style":{"left":"585px","top":"126px","width":"56px","height":"55px","z-index":13,"opacity":"0.4","letter-spacing":"1px"},"widgetSet":"jqui-mfd"},{"tpl":"tplBarNavigator","data":{"buttonsImage1":"","buttonsText1":"","buttonsOption1":"webcam-schwedt","buttonsImage2":"","buttonsText2":"Demoview","buttonsOption2":"DemoView","buttonsImage3":"","buttonsText3":"Webcam","buttonsOption3":"webcam","bCount":"1","g_fixed":false,"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","bTheme":"","bPosition":"floatHorizontal","bSpace":"5","bRadius":"5","bOffset":"0","bTextAlign":"center","bImageAlign":"center","bLayout":"fixed","imagePaddingLeft":"10","imagePaddingTop":"2","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,"bStyleNormal":"bar-button-no-background","bStyleActive":"bar-button-no-background","g_effects":false,"bShowEffect":"show","bShowEffectMs":"100","bHideEffect":"show","bHideEffectMs":"100"},"style":{"left":"527px","top":"457px","width":"119px","height":"82px","z-index":4},"widgetSet":"bars"},{"tpl":"tplBarNavigator","data":{"buttonsImage1":"","buttonsText1":"","buttonsOption1":"calendar","buttonsImage2":"","buttonsText2":"Demoview","buttonsOption2":"DemoView","buttonsImage3":"","buttonsText3":"Webcam","buttonsOption3":"webcam","bCount":"1","g_fixed":false,"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","bTheme":"","bPosition":"floatHorizontal","bSpace":"5","bRadius":"5","bOffset":"0","bTextAlign":"center","bImageAlign":"center","bLayout":"fixed","imagePaddingLeft":"10","imagePaddingTop":"2","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,"bStyleNormal":"bar-button-no-background","bStyleActive":"bar-button-no-background","g_effects":false,"bShowEffect":"show","bShowEffectMs":"100","bHideEffect":"show","bHideEffectMs":"100"},"style":{"left":"528px","top":"362px","width":"119px","height":"82px","z-index":4},"widgetSet":"bars"}]

iconsIO.zip

[Glasfaser]

@xcilence

so kann ich erstmal selber nichts festellen .

Laut Screenshot oben ... liegt noch ein Widget darunter , was ist damit kannst du es mal komplett runterladen oder hast du es mal selber versucht ohne diesem Hintergrund.

Noch ein Vorschlag , teste mal mit einer neuen View und dort mal selber das Widget einfügen , was ist dann .

[xcilence]

@glasfaser - Also ich habe es jetzt mal in einer neuen View versucht und hier ist das Ergebnis einmal per Opera wo alles korrekt dargestellt wird und zum anderen ein Screenshot vom FullyBrowser auf dem Frontend/Tablet wo es halt das Problem gibt.

Auch hier einmal mit SVG Shape & ohne.

[Glasfaser]

@xcilence

@glasfaser sagte in Problem mit FullyBrowser/Darstellung unter Android 11:
Laut Screenshot oben ... liegt noch ein Widget darunter , was ist damit kannst du es mal komplett runterladen

was ist damit , kann du es mal komplett runterladen .

[xcilence]

@glasfaser - Wenn ich dich jetzt richtig verstehe, meinst du eigentlich die SVG-Shape Widgets, die als Background (grauer Kasten) hinter den anderen Widgets liegt oder? Wenn nicht, verzeih aber es ist ja nun schon etwas spät heute.

Ansonsten wären da zwar noch drei andere Widgets als Signalbilder hinterlegt im GIF-Format das wenn es schneit, regnet oder gewittert diese angezeigt werden. Doch als ich in meinem vorherigem Post die Test-View erstellt habe, waren diese nicht vorhanden um auch dies auszuschliessen & auch die SVG-Shapes hatte ich in der zweiten Zeile zum testen entfernt gehabt. Einfach nur die View für sich hat einen schwarzen Background.

Ich würde dir auch gern das komplette Projekt zukommen lassen aber leider ist Problem A - das die VIS dies nicht mag bzw. egal welcher Browser und es wohl ein bekanntes Issue ist und Problem B - mir fiel heute keine Möglichkeit ein das Projekt anderweitig und anonymisiert zu sichern bzw. dir irgendwie mal zukommen zu lassen. Wenn du Vorschläge hast wie am besten, nur her damit.