Show Menu
THEMEN×

Generische Schritte zur Anpassung von AEM Forms Workspace

Für jede Anpassung gelten die folgenden generischen Schritte:
  1. Log in to CRXDE Lite by accessing https://[server]:[port]/lc/crx/de/index.jsp .
  2. Create a folder named ws at /apps , if it does not exist. Klicken Sie auf Alle speichern .
  3. Browse to /apps/ws , and navigate to the Access Control tab.
  4. In the Access Control list, click + to add a new entry. Klicken Sie erneut auf + .
  5. Search and select the PERM_WORKSPACE_USER Principal.
  6. Give jcr:read privilege to the Principal.
  7. Klicken Sie auf Alle speichern .
  8. Copy the GET.jsp and html.jsp files from the /libs/ws folder to the /apps/ws folder.
  9. Kopieren Sie den /libs/ws/locales Ordner im /apps/ws Ordner. Klicken Sie auf Alle speichern .
  10. Update the references and relative paths in the GET.jsp file, as shown below, and click Save all .
    <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. Navigate to the /apps/ws folder and create a new folder named css .
    2. Erstellen Sie im Ordner css eine neue Datei mit dem Namen newStyle.css .
    3. Open /apps/ws/html .jsp and change from
    <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"/>
    
    
    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 js at /apps/ws . Klicken Sie auf Alle speichern .
    2. Erstellen Sie einen Ordner mit dem Namen libs at /apps/ws/js . Klicken Sie auf Alle speichern .
    3. Erstellen Sie einen Ordner mit dem Namen jqueryui at /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 /apps/ws/js unter einen Ordner mit dem Namen runtime . Klicken Sie auf Alle speichern .
    2. Erstellen Sie /apps/ws/js/runtime unter 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. Copy /libs/ws/js/registry.js to /apps/ws/js/registry.js .
  15. Klicken Sie auf Alle speichern , löschen Sie den Cache und aktualisieren Sie AEM Forms Workspace.
    Access the URL https://[server]:[port]/lc/ws and log in with administrator/password credentials. Der Browser leitet Sie zu https://[server]:[port]/lc/apps/ws/index.html .