Generische Schritte zur Anpassung von AEM Forms Workspace

Für jede Anpassung gelten die folgenden generischen Schritte:

  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 wsunter /apps, falls dieser nicht vorhanden ist. Klicken Sie auf Alle speichern.

  3. Navigieren Sie zu /apps/ws und navigieren Sie zur Registerkarte Zugriffskontrolle.

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

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

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

  6. Weisen Sie dem Prinzipal die jcr:read-Berechtigung zu.

  7. Klicken Sie auf Alle speichern.

  8. Kopieren Sie die Dateien GET.jsp und html.jspaus dem Ordner /libs/wsin den Ordner /apps/ws.

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

  10. Aktualisieren Sie die Verweise und relativen Pfade in der Datei GET.jsp wie unten dargestellt und klicken Sie auf Alle 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. Erstellen Sie im Ordner css eine neue Datei mit dem Namen newStyle.css.
    3. Öffnen Sie /apps/ws/html.jsp und wechseln 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 für die benutzerdefinierte CSS-Datei hinter demjenigen für die Datei 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 einen Ordner mit dem Namen jsunter /apps/ws. Klicken Sie auf Alle speichern.
    2. Erstellen Sie einen Ordner mit dem Namen libsunter /apps/ws/js. Klicken Sie auf Alle speichern.
    3. Erstellen Sie einen Ordner mit dem Namen jqueryuiunter /apps/ws/js/libs. 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 um.

Auf dieser Seite