Generische Schritte zur Anpassung von AEM Forms Workspace

VORSICHT

AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Die allgemeinen Schritte zur Durchführung von Anpassungen sind:

  1. Melden Sie sich bei CRXDE Lite an, indem Sie auf https://[server]:[port]/lc/crx/de/index.jsp zugreifen.

  2. Erstellen Sie einen -Ordner mit dem Namen ws unter /apps, falls er noch nicht existiert. Klicken Sie auf Alle speichern.

  3. Wechseln Sie zu /apps/ws und navigieren Sie zur Registerkarte Zugriffssteuerung.

  4. Klicken Sie in der Liste Zugriffssteuerung auf +, um einen neuen Eintrag hinzuzufügen. Klicken Sie erneut auf +.

  5. Suchen Sie den Prinzipal PERM_WORKSPACE_USER und wählen Sie ihn aus.

    Wählen Sie PERM_WORKSPACE_USER als Teil von allgemeinen Schritten, um HTML Workspace anzupassen

  6. Erteilen Sie dem Prinzipal die Berechtigung jcr:read.

  7. Klicken Sie auf Alle speichern.

  8. Kopieren Sie die GET.jsp und html.jsp-Dateien aus /libs/wsOrdner in /apps/ws Ordner.

  9. Kopieren Sie den Ordner /libs/ws/locales in den Ordner /apps/ws. Klicken Sie auf Alle speichern.

  10. Aktualisieren Sie die Verweise und relativen Pfade in der Datei GET.jsp, wie unten gezeigt, und klicken Sie auf Alles speichern.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />

  11. Führen Sie die folgenden Schritte für CSS-Anpassungen aus:

    1. Navigieren Sie zum Ordner /apps/ws und erstellen Sie einen neuen Ordner mit dem Namen css.
    2. Im cssOrdner, erstellen Sie eine neue Datei mit dem Namen newStyle.css.
    3. Öffnen Sie /apps/ws/html.jsp und ändern Sie von
    <link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>

    in

    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
<link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
    HINWEIS

    Platzieren Sie den Eintrag der benutzerdefinierten CSS-Datei nach dem Eintrag von newStyle.css, wie oben gezeigt.

  12. Ändern Sie in der Datei /apps/ws/html.jsp von

    <script data-main="js/main" src="js/libs/require/require.js"></script>

    in

    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>

  13. Gehen Sie folgendermaßen vor:

    1. Erstellen Sie in /apps/ws einen Ordner mit dem Namen js. Klicken Sie auf Alle speichern.
    2. Erstellen Sie in /apps/ws/js einen Ordner mit dem Namen libs. Klicken Sie auf Alle speichern.
    3. Erstellen Sie in /apps/ws/js/libs einen Ordner mit dem Namen jqueryui. Klicken Sie auf Alle speichern.
    4. Kopieren Sie /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js nach /apps/ws/js/libs/jqueryui. Klicken Sie auf Alle speichern.

  14. Führen Sie die folgenden Schritte für HTML-Anpassungen aus:

    1. Erstellen Sie unter /apps/ws/js einen Ordner mit dem Namen runtime. Klicken Sie auf Alle speichern.
    2. Erstellen Sie unter /apps/ws/js/runtime einen Ordner mit dem Namen templates. Klicken Sie auf Alle speichern.
    3. Kopieren Sie /libs/ws/js/main.js nach /apps/ws/js/main.js.
    4. Kopieren Sie /libs/ws/js/registry.js nach /apps/ws/js/registry.js.

  15. Klicken Sie auf Alle speichern, löschen Sie den Cache und aktualisieren Sie AEM Forms Workspace.

    Greifen Sie auf die URL https://[server]:[port]/lc/ws zu und melden Sie sich mit Administrator/Kennwort-Anmeldeinformationen an. Der Browser leitet Sie zu https://[server]:[port]/lc/apps/ws/index.html weiter.

Auf dieser Seite