Show Menu
THEMEN×

Anpassen der Benutzeroberfläche „Korrespondenz erstellen“

Überblick

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.
Das benutzerdefinierte Symbol in der Benutzeroberfläche "Korrespondenz erstellen" Abbildung: Das benutzerdefinierte Symbol in der Benutzeroberfläche "Korrespondenz erstellen"

Ändern des Logos in der Benutzeroberfläche „Korrespondenz erstellen“

Um ein Logobild Ihrer Wahl einzurichten, führen Sie die folgenden Schritte durch:
  1. Create the appropriate folder structure in CRX .
  2. Laden Sie die neue Logodatei in den Ordner hoch, den Sie in CRX erstellt haben.
  3. Richten Sie das CSS auf CRX ein, um auf das neue Logo zu verweisen.
  4. Clear the browser history and refresh the Create Correspondence UI .

Erstellen der gewünschten Ordnerstruktur

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):
  • Stellt sicher, dass Ihre Dateien im Falle eines Updates für das System sicher sind. Bei einem Upgrade, Feature Pack oder einem Hotfix wird die /libs-Verzweigung aktualisiert und wenn Sie Ihre Änderungen in der /libs-Verzweigung hosten, werden sie überschrieben.
  • Hilft Ihnen dabei, das vorhandene System/die Verzweigung nicht zu beeinträchtigen, was unter Umständen geschehen ist, falls Sie die Standardspeicherorte zum Speichern der benutzerdefinierten Dateien verwendet haben.
  • Hilft den Ressourcen, höhere Priorität zu erhalten, wenn AEM nach Ressourcen sucht. AEM ist so konfiguriert, dass zuerst die /apps-Verzweigung und dann die /libs-Verzweigung nach einer Ressource gesucht wird. Dieser Mechanismus bedeutet, dass das System die Überlagerung verwendet (und alle dort definierten Anpassungen).
Führen Sie die folgenden Schritte aus, um die gewünschte Ordnerstruktur in der /apps-Verzweigung zu erstellen:
  1. Go to https://[server]:[port]/[ContextPath]/crx/de and login as Administrator.
  2. 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:
    1. Right-click the css folder at the following path and select Overlay Node : /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
    2. Stellen Sie sicher, dass das Dialogfeld „Überlagerungsknoten“ die folgenden Werte enthält:
      ​Pfad: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
      ​Überlagerungsort: /apps/
      ​Knotentypen abgleichen: Überprüft
      Nehmen Sie keine Änderungen in der /libs-Verzweigung vor. Alle Änderungen, die Sie vornehmen, gehen möglicherweise verloren, da diese Verzweigung sich ändern kann, wenn Sie:
      • Ihre Instanz aktualisieren
      • Ein Hotfix anwenden
      • Ein Feature Pack installieren
    3. Klicken Sie auf OK . Der css-Ordner wird in dem angegebenen Pfad erstellt.
  3. Erstellen Sie im Anwendungsordner einen Ordner mit dem Namen imgs mit einem ähnlichen Pfad/einer ähnlichen Struktur wie der imgs-Ordner (im ccrui-Ordner).
    1. Right-click the imgs folder at the following path and select Overlay Node : /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
    2. Stellen Sie sicher, dass das Dialogfeld „Überlagerungsknoten“ die folgenden Werte enthält:
      ​Pfad: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
      ​Überlagerungsort: /apps/
      ​Knotentypen abgleichen: Überprüft
    3. Klicken Sie auf OK .
      Sie können die Ordnerstruktur im /apps-Ordner auch manuell erstellen.
  4. Klicken Sie auf Alle speichern , um die Änderungen auf dem Server zu speichern.

Erstellen des CSS, um das Logo in der Benutzeroberfläche zu integrieren

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:
  1. Wechseln zu https://[server]:[port]/[contextpath]/crx/de . Falls erforderlich, melden Sie sich als Administrator an.
  2. 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:
    1. Klicken Sie mit der rechten Maustaste auf den Ordner css und wählen Sie Erstellen > Ordner erstellen .
    2. In the New File dialog, specify the name of the CSS as customcss.css (you cannot use a different filename), and click OK .
    3. 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");
      }
      
      
    4. Klicken Sie auf Alle speichern .

Aktualisieren der Benutzeroberfläche „Korrespondenz erstellen“, um das benutzerdefinierte Logo zu sehen

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.
Benutzeroberfläche "Korrespondenz erstellen"mit benutzerdefiniertem Logo ​Abbildung: Das benutzerdefinierte Symbol in der Benutzeroberfläche "Korrespondenz erstellen"