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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now