Beheben von Problemen mit dem Umbruch von QuickInfo- und Validierungsnachrichten im Authoring-Dialogfeld von AEM 6.5

In diesem Artikel wird erläutert, wie Sie Probleme identifizieren und beheben können, bei denen der QuickInfo- und der Überprüfungstext in den Authoring-Dialogfeldern von Adobe Experience Manager (AEM) 6.5 falsch eingeschlossen ist, was zu Worttrennungen oder visuellen Abstandsproblemen führt.

Beschreibung description

Umgebung

  • Adobe Experience Manager (AEM) 6.5
  • Erstellen von Dialogfeldern mit nativen Komponenten

Problem/Symptome

  • Der Text der QuickInfo und der Überprüfungsmeldung in Authoring-Dialogfeldern wird mit unzulässigen Zeilenumbrüchen oder visuellem Abstand angezeigt.
  • Wörter können in der Mitte geteilt und in die nächste Zeile verschoben werden, selbst wenn die QuickInfo kurz ist (z. B. "Bitte füllen Sie dieses Feld aus„).

Ursache

Dieses Problem wird in der Regel durch eine CSS-Regel in einer vordefinierten Client-Bibliothek verursacht, die Wortumbruch- oder Abstandseigenschaften anwendet, die dazu führen, dass Wörter in QuickInfos und Überprüfungsmeldungen über Zeilen verteilt werden.

Lösung resolution

Gehen Sie wie folgt vor, um das Problem mit dem Umbruch von QuickInfo und Validierungsmeldung zu beheben:

  1. Reproduzieren Sie das Problem, indem Sie eine kurze QuickInfo oder Validierungsmeldung (z. B. 'Bitte füllen Sie dieses Feld aus’) zu einem Feld des Bearbeitungsdialogfelds hinzufügen und das Textumbruchverhalten in der Dialogfeldbenutzeroberfläche beobachten.

  2. Verwenden Sie Browser-Entwickler-Tools (z. B. Chrome DevTools), um die QuickInfo oder das Validierungsnachrichtenelement zu überprüfen:

    • Klicken Sie mit der rechten Maustaste auf die betroffene QuickInfo und wählen Sie Prüfen.
    • Überprüfen Sie Registerkarte Berechnet“ die folgenden CSS-Eigenschaften: width, max-width, word-break, overflow-wrap und white-space.
  3. Deaktivieren oder deaktivieren Sie vorübergehend alle CSS-Regeln, die aus projektspezifischen Client-Bibliotheken geladen wurden (z. B. /etc.clientlibs/... oder /apps/...).

  4. Überprüfen Sie, ob die QuickInfo nach dem Deaktivieren dieser Regeln korrekt angezeigt wird. Wenn das Problem weiterhin besteht und auf eine vordefinierte Client-Bibliothek (z. B. /libs/cq/gui/components/authoring/dialog/clientlibs/all.min.*.css) zurückgeführt wird, beachten Sie, dass eine Code- oder Konfigurationsänderung möglicherweise nicht direkt möglich ist.

  5. Wenn Sie das Problem nicht durch benutzerdefinierte CSS-Überschreibungen oder Konfigurationen beheben können, überprüfen Sie die neuesten AEM 6.5 Service Packs und Versionshinweise um festzustellen, ob eine öffentliche Fehlerbehebung verfügbar ist. Wenn keine öffentliche Fehlerbehebung verfügbar ist, wenden Sie sich für weitere Unterstützung an den AdobeSupport.

  6. Nachdem Sie Änderungen vorgenommen oder Aktualisierungen angewendet haben, stellen Sie sicher, dass QuickInfos und Validierungsmeldungen korrekt angezeigt werden, ohne dass unerwünschte Wortumbrüche oder Abstandsprobleme auftreten.

recommendation-more-help
experience-cloud-kcs-help-kbarticles