Mit der Correspondence Management können Sie die dazugehörige Lösungsvorlage so umbenennen, dass Sie einen besseren Markenwert erzielen und die Markenstandards Ihres Unternehmens erfüllt werden. Die Umbenennung der Benutzeroberfläche umfasst das Ändern des Unternehmenslogo in der linken oberen Ecke der Benutzeroberfläche „Korrespondenz erstellen“.
Sie können das Logo in der Benutzeroberfläche „Korrespondenz erstellen“ mit Ihrem Firmenlogo ersetzen.
Abbildung: Das benutzerdefinierte Symbol in der Benutzeroberfläche "Korrespondenz erstellen"
Um ein Logobild Ihrer Wahl einzurichten, führen Sie die folgenden Schritte durch:
Erstellen Sie die entsprechenden Ordnerstruktur in CRX.
Hochladen der neuen Logodatei in dem Ordner, den Sie in CRX erstellt haben.
CSS einrichten auf CRX , um auf das neue Logo zu verweisen.
Löschen Sie den Browserverlauf und Aktualisieren der Benutzeroberfläche "Korrespondenz erstellen".
Erstellen Sie die Ordnerstruktur wie nachfolgend beschrieben für das Hosten des benutzerdefinierten Logobilds und des Stylesheets. Die neue Ordnerstruktur mit dem /apps-Stammordner ist ähnlich der Struktur des /libs-Ordners.
Erstellen Sie bei jeder Anpassung eine parallele Ordnerstruktur in der /apps-Verzweigung, wie nachfolgend beschrieben.
Die /apps-Verzweigung (Ordnerstruktur):
Führen Sie die folgenden Schritte aus, um die gewünschte Ordnerstruktur in der /apps-Verzweigung zu erstellen:
Navigieren Sie zu https://[server]:[port]/[ContextPath]/crx/de
und melden Sie sich als Administrator an.
Erstellen Sie im Anwendungsordner einen Ordner mit dem Namen css
mit einem ähnlichen Pfad/einer ähnlichen Struktur wie der css-Ordner (im ccrui-Ordner).
Schritte zum Erstellen des css-Ordners:
Klicken Sie mit der rechten Maustaste auf die css Ordner unter folgendem Pfad und wählen Sie Überlagerungsknoten: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
Stellen Sie sicher, dass das Dialogfeld „Überlagerungsknoten“ die folgenden Werte enthält:
Pfad: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
Überlagerungsspeicherort: /apps/
Knotentypen abgleichen: Aktiviert
Nehmen Sie keine Änderungen in der Verzweigung /libs vor. Alle Änderungen, die Sie vornehmen, gehen möglicherweise verloren, da diese Verzweigung sich ändern kann, wenn Sie:
Klicken Sie auf OK. Der css-Ordner wird in dem angegebenen Pfad erstellt.
Erstellen Sie im Anwendungsordner einen Ordner mit dem Namen imgs
mit einem ähnlichen Pfad/einer ähnlichen Struktur wie der imgs-Ordner (im ccrui-Ordner).
Klicken Sie mit der rechten Maustaste auf die imgs Ordner unter folgendem Pfad und wählen Sie Überlagerungsknoten: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
Stellen Sie sicher, dass das Dialogfeld „Überlagerungsknoten“ die folgenden Werte enthält:
Pfad: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
Überlagerungsspeicherort: /apps/
Knotentypen abgleichen: Aktiviert
Klicken Sie auf OK.
Sie können die Ordnerstruktur im /apps-Ordner auch manuell erstellen.
Klicken Sie auf Alle speichern, um die Änderungen auf dem Server zu speichern.
Laden Sie Ihre benutzerdefinierte Logodatei auf CRX hoch. Standard-HTML-Regeln steuern die Darstellung des Logos. Die unterstützten Bildformate werden vom Browser bestimmt, den Sie verwenden, um auf AEM Forms zuzugreifen. Alle Browser unterstützen JPEG, GIF und PNG. Weitere Informationen finden Sie in der Browser-spezifischen Dokumentation zu den unterstützten Bildformaten.
Führen Sie die folgenden Schritte aus, um die benutzerdefinierte Logodatei auf CRX hochzuladen:
Rufen Sie https://[server]:[port]/[contextpath]/crx/de
auf. Falls erforderlich, melden Sie sich als Administrator an.
Klicken Sie in CRXDE mit der rechten Maustaste auf den Ordner imgs an folgendem Speicherort und wählen Sie Erstellen > Datei erstellen:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs/
Im Dialogfeld „Datei erstellen“ geben Sie den Namen der Datei als „CustomLogo.png“ (oder den Namen der Logodatei) an.
Klicken Sie auf Alle speichern.
Unter der neuen Datei, die Sie erstellt haben (hier „CustomLogo.png“) erscheint die Eigenschaft „jcr:content“.
Klicken Sie auf „jcr:content“ in der Ordnerstruktur.
Die Eigenschaften von „jcr:content“ werden angezeigt.
Doppelklicken Sie auf die jcr:data -Eigenschaft.
Das Dialogfeld „jcr:data bearbeiten“ wird angezeigt.
Klicken Sie nun auf den Ordner newlogo.png , doppelklicken Sie auf jcr:content (dim-Option) und legen Sie den Typ nt:resource fest. Falls sie nicht vorhanden ist, erstellen Sie zuerst eine Eigenschaft mit dem Namen „jcr:content“.
Klicken Sie im Dialogfeld „jcr:data bearbeiten“, auf Durchsuchen und wählen Sie die Bilddatei, die Sie als Logo (hier CustomLogo.png) verwenden möchten.
Die unterstützten Bildformate werden vom Browser bestimmt, den Sie verwenden, um auf AEM Forms zuzugreifen. Alle Browser unterstützen JPEG, GIF und PNG. Weitere Informationen finden Sie in der Browser-spezifischen Dokumentation zu den unterstützten Bildformaten.
Abbildung: Beispiel - CustomLogo.png wird als benutzerdefiniertes Logo verwendet
Klicken Sie auf Alle speichern.
Das benutzerdefinierte Logobild ist ein zusätzliches im Inhaltskontext zu ladendes Stylesheet.
Führen Sie die folgenden Schritte aus, um das Stylesheet für die Wiedergabe des Logos einzurichten:
Rufen Sie https://[server]:[port]/[contextpath]/crx/de
auf. Falls erforderlich, melden Sie sich als Administrator an.
Erstellen Sie eine Datei mit dem Namen customcss.css (Sie können keinen anderen Dateinamen verwenden) an folgendem Speicherort:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css/
Schritte zum Erstellen der customcss.css-Datei:
Klicken Sie mit der rechten Maustaste auf den Ordner css und wählen Sie Erstellen > Ordner erstellen.
Geben Sie im Dialogfeld "Neue Datei"den Namen der CSS als customcss.css
(Sie können keinen anderen Dateinamen verwenden) und klicken Sie auf OK.
Fügen Sie den folgenden Code zu der neu erstellte CSS-Datei hinzu. Geben Sie unter „content:url“ im Code den Namen des Bildes ein, das Sie in den imgs-Ordner in CRXDE hochgeladen haben.
.logo, .logo:after {
content:url("../imgs/CustomLogo.png");
}
Klicken Sie auf Alle speichern.
Löschen Sie den Browsercache und öffnen Sie dann die Instanz der Benutzeroberfläche „Korrespondenz erstellen“ in Ihrem Browser. Sie sollten nun Ihr eigenes Logo sehen können.
Abbildung: Das benutzerdefinierte Symbol in der Benutzeroberfläche "Korrespondenz erstellen"