Dynamic Media-Viewer-Vorgaben reagieren in Adobe Experience Manager nicht
In Adobe Experience Manager Dynamic Media werden Viewer-Vorgaben nicht responsiv skaliert oder bleiben zentriert, wenn sich der Browser-Viewport ändert. Dieses Problem kann sich auf verschiedene Viewer-Vorgaben auswirken, wie z. B. Inline-Zoom- oder Flyout-Viewer, und kann sich auch auf Popups oder Überlagerungen auswirken, die durch interaktive Elemente innerhalb der Komponente ausgelöst werden. Um dieses Problem zu beheben, entfernen Sie die in der Dynamic Media-Komponente festgelegten Werte für feste Höhe und Breite.
Beschreibung description
Umgebung
Adobe Experience Manager (AEM) Dynamic Media
Problem/Symptome
- Die Größe von Dynamic Media-Viewer-Vorgaben wird nicht geändert, wenn sich das Browser-Fenster oder der Geräteansichtsfenster ändert.
- Viewer-Inhalte bleiben zentriert, anstatt sich an den verfügbaren Bildschirmplatz anzupassen.
- Inline-Zoom- und Flyout-Viewer-Vorgaben zeigen Probleme mit der Reaktionsfähigkeit an.
- Die Größe von Popups oder Überlagerungen, die von Dynamic Media-Komponenten ausgelöst werden, wird nicht korrekt geändert.
- Das Problem tritt auf, wenn feste Werte für Höhe und Breite in der Dynamic Media-Komponente konfiguriert werden.
Lösung resolution
Gehen Sie wie folgt vor, um das Problem zu beheben:
- Wählen Sie im AEM-Editor die Dynamic Media-Komponente aus, deren Größe nicht responsiv geändert wird.
- Öffnen Sie die Komponenteneinstellungen und überprüfen Sie, ob explizit Werte Höhe“ und Breite festgelegt sind (z. B. Höhe: 600, Breite: 900).
- Entfernen oder löschen Sie diese festen Dimensionswerte, damit die Komponente eine responsive Größenanpassung verwenden kann.
- Speichern Sie Ihre Änderungen.
- Verwenden Sie den Als veröffentlicht anzeigen und ändern Sie die Größe des Browser-Fensters, um zu bestätigen, dass die Größe der Dynamic Media-Inhalte dynamisch geändert wird und über verschiedene Bildschirmgrößen hinweg sichtbar bleibt.
- Wiederholen Sie diese Schritte für andere Viewer-Vorgaben oder Dynamic Media-Komponenten nach Bedarf.
- Überprüfen Sie die CSS-Positionierung für Popups oder Überlagerungen, die durch interaktive Elemente ausgelöst werden. Wenn das Popup nicht responsiv neu positioniert oder die Größe ändert, überprüfen Sie das CSS und die JavaScript der Überlagerung. Wenn das Problem nach dem Entfernen der festen Dimensionen weiterhin besteht, sollten Sie zur weiteren Fehlerbehebung ein separates Support-Ticket erstellen.
recommendation-more-help
experience-cloud-kcs-help-kbarticles