Generische Schritte zur Anpassung von AEM Forms Workspace generic-steps-for-aem-forms-workspace-customization

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

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

  4. Wählen Sie die Option Repository. Klicken Sie in der Liste Zugriffssteuerung auf +, um einen 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 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 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.

    code language-javascript
    <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 Ordner mit dem Namen css.

    2. Erstellen Sie im Ordner css eine Datei mit dem Namen newStyle.css.

    3. Öffnen Sie /apps/ws/html.jsp und ändern Sie von

    code language-javascript
    <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

    code language-javascript
    <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"/>
    
    note note
    NOTE
    Platzieren Sie den Eintrag für die benutzerdefinierte CSS-Datei hinter demjenigen für die Datei „style.css“, wie oben gezeigt.
  12. Ändern Sie in der Datei „apps/ws/html.jsp“ von

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

    in

    code language-jsp
    <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. Kopieren Sie den Ordner /libs/ws/js/libs/jqueryui nach /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 den 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.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2