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 sling:Folder mit dem Namen ws unter /apps, falls noch nicht vorhanden. Um einen Ordner sling:Folder zu erstellen, klicken Sie mit der rechten Maustaste auf den Ordner apps und wählen Sie Erstellen > Knoten erstellen aus. Geben Sie den Namen als ws ein, wählen Sie den Typ als sling:Folder aus und klicken Sie auf OK. Klicken Sie auf Alle speichern.

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

  4. Wählen Sie die Option Repository aus. Klicken Sie in der Liste Zugriffssteuerung auf + , um einen neuen Eintrag hinzuzufügen. Klicken Sie erneut auf +.

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

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

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

  7. Klicken Sie auf Alle speichern.

  8. Kopieren Sie die Dateien GET.jsp, index und html.jsp aus dem Ordner /libs/ws in 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 gezeigt 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 der benutzerdefinierten CSS-Datei nach dem Eintrag von style.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 js unter /apps/ws. Klicken Sie auf Alle speichern.

    2. Erstellen Sie einen Ordner mit dem Namen libs unter /apps/ws/js. Klicken Sie auf Alle speichern.

    3. Kopieren Sie den Ordner /libs/ws/js/libs/jqueryui in /apps/ws/js/libs. 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-/Passwort-Anmeldeinformationen an. Der Browser leitet zu https://'[server]:[port]'/lc/apps/ws/index.html um.

Auf dieser Seite