Monatsrückblick Januar/Februar 2026 ist online!

[micklafisch]

Hallo zusammen,
ich habe ein Problem mit meiner VIS.
Nachdem ich den Material Adapter installiert hatte, hatte es mir optisch die komplette VIS zerlegt (Rahmen falsch, Schriftarten/Größen falsch und dadurch abgeschnittene Texte). Den Adapter habe ich wieder deinstalliert, das Problem bestand weiterhin. Im Forum habe ich gesehen, dass noch mehr das Problem schon einmal hatten. Die erwähnten Tipps habe ich alle befolgt: vis neustart, iobroker neustart, upload durchgeführt, nochmaliger neustart... Im Grunde ist das Problem nun wieder weg, aber bei einem Popup besteht es weiterhin:

Linker Screenshot ist die View per Popup geöffnet - rechts zum Vergleich die gleiche View per URL aufgerufen (rechts ist die korrekte Anzeige, so wird diese auch im Editor angezeigt).

Ich bekomms einfach nicht auf die Kette warum weiterhin und nur bei einem Popup die "zerschossene" Ansicht kommt. Ich kann zwar alle mühsam per Hand umformatieren, aber das ist nicht zielführend. Die View verwendet wenn keine Werte per Hand eingegeben wurden immer diesen falschen "Standard" - somit auch wenn ich einen z.B. einen neuen Rahmen mit Schatten erstelle. Wenn ich dem Rahmenschatten nicht explizit mitgebe das er schwarz ist, zeigt das Popup ihn weiß an, die View direkt aufgerufen ist aber schwarz wie im Editor.

Kann mir da jemand helfen, wie ich das ganze bereinigen kann?

[SBorg]

@micklafisch Hi,
könnte ev. daran liegen, dass das PopUp mit einer (falschen) CSS-Klasse aufgerufen wird. Nutzt du in der VIS CSS? Sonst kannst du mal den ganzen CSS-Part (wahrscheinlich noch vom Material-Adapter vorhanden) mittels X(C)&P löschen und temporär in bspw. einer TXT-Datei sichern.

[micklafisch]

@SBorg
ich nutze CSS nur um die ical Kalender umzuformatieren. Auch wenn ich das vorhandene unter CSS lösche ist der Fehler weiterhin. Hier meine CSS Seite im Editor:

[micklafisch]

@Sborg der Aufruf des Popups erfolgt über jqui - container - Button - view. Aber da kann ich nichts sehen was CSS seitig das ganze umformatiert.

[SBorg]

@micklafisch sagte in Anzeigefehler VIS nach Material Design Adapter:

ich nutze CSS nur um die ical Kalender umzuformatieren. Auch wenn ich das vorhandene unter CSS lösche ist der Fehler weiterhin.

Ist auch korrekt so, außer du würdest in der PopUp gerade eine der ical-Klassen nutzen (dann würde es aber auch nicht direkt per Aufruf via URL funktionieren). Hast du noch Einträge unter Projekt (deine CSS-Klassen sind unter Global angelegt) ?
Irgendwie habe ich aber den Verdacht, dass der "Button" etwas an die View weitergibt. Falls beim Button nicht aktiviert, setze mal den Haken bei "Ohne jQuery Stil" (wenn dann auch ggf. der Button "grausam" aussieht, ist nur zu Testzwecken :) ).

[micklafisch]

Hallo,
den Haken "ohne jQuery Stil" habe ich testweise rausgenommen, ohne Erfolg. Das Fehlerbild ist weiterhin identisch.

CSS Einträge unter "Projekt" sind nicht vorhanden - im Popup spreche ich auch die ical CSS nicht an, das ist in einer anderen View.

[Glasfaser]

@micklafisch

Lade mal bitte hier dein Widget runter und deine komplette View-Seite wo der Schalter hinterlegt ist .

[micklafisch]

@Glasfaser
Hi, sorry bin erst jetzt dazu gekommen. Ich habe testweise ein neues Projekt erstellt, nur die Views "intro" und "popup". Der Export ist anbei.

Mir ist nun beim erstellen aufgefallen, dass der Fehler mit dem weißen Schatten nur ist, wenn ich das Intro View auf "custom dark" stelle. Auf "custom light" ist der Fehler nicht und die View wird im Frontend so angezeigt wie im Editor (egal ob über Popup geöffnet oder über die Navigation.

Ich habe am "custom dark" nie etwas geändert, wie bekomme ich da die Standardeinstellungen wieder rein?

2019-11-19-testprojekt.zip

[SBorg]

@micklafisch sagte in Anzeigefehler VIS nach Material Design Adapter:

Ich habe am "custom dark" nie etwas geändert, wie bekomme ich da die Standardeinstellungen wieder rein?

Ich würde mir dann mal ein Voll-Backup vom Broker (+VIS Export) anlegen, VIS-Instanz + -Adapter löschen/deinstallieren, Broker neu starten und VIS neu installieren und neu importieren. Aber ob das die Lösung ist... ?

[micklafisch]

@SBorg said in Anzeigefehler VIS nach Material Design Adapter:

Ich würde mir dann mal ein Voll-Backup vom Broker (+VIS Export) anlegen, VIS-Instanz + -Adapter löschen/deinstallieren, Broker neu starten und VIS neu installieren und neu importieren. Aber ob das die Lösung ist... ?

Habe das genau so ausprobiert, leider kein Erfolg. Anzumerken bleibt, dass nach der Deinstallation von Instanz und Adapter und Neustart vom ioB und anschließender Neuinstallation meine Projekte nicht gelöscht waren. Alle Projekte waren schon vorhanden und der Fehler ist weiterhin da.