Für jede Anpassung gelten die folgenden generischen Schritte:
Melden Sie sich bei CRXDE Lite an, indem Sie auf https://'[server]:[port]'/lc/crx/de/index.jsp
zugreifen.
Erstellen Sie einen sling:Folder
-Ordner mit dem Namen ws
unter /apps
, falls er noch nicht existiert. Um einen sling:Folder
-Ordner 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 den Typ sling:Folder
und klicken Sie auf OK. Klicken Sie auf Alle speichern.
Wechseln Sie zu /apps/ws
und navigieren Sie zur Registerkarte Zugriffssteuerung.
Wählen Sie die Option Repository. Klicken Sie in der Liste Zugriffssteuerung auf +, um einen neuen Eintrag hinzuzufügen. Klicken Sie erneut auf +.
Suchen Sie den Prinzipal PERM_WORKSPACE_USER und wählen Sie ihn aus.
Erteilen Sie dem Prinzipal die Berechtigung jcr:read
.
Klicken Sie auf Alle speichern.
Kopieren Sie die Dateien GET.jsp
, index
und html.jsp
aus dem Ordner /libs/ws
in den Ordner /apps/ws
.
Kopieren Sie den Ordner /libs/ws/locales
in den Ordner /apps/ws
. Klicken Sie auf Alle speichern.
Aktualisieren Sie die Verweise und relativen Pfade in der Datei GET.jsp
, wie unten gezeigt, und klicken Sie auf Alles speichern.
<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
Führen Sie die folgenden Schritte für CSS-Anpassungen aus:
Navigieren Sie zum Ordner /apps/ws
und erstellen Sie einen neuen Ordner mit dem Namen css
.
Erstellen Sie im Ordner css
eine neue Datei mit dem Namen newStyle.css
.
Öffnen Sie /apps/ws/html
.jsp und ändern 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"/>
Platzieren Sie den Eintrag für die benutzerdefinierte CSS-Datei hinter demjenigen für die Datei „style.css“, wie oben gezeigt.
Ä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>
Gehen Sie folgendermaßen vor:
Erstellen Sie in /apps/ws
einen Ordner mit dem Namen js
. Klicken Sie auf Alle speichern.
Erstellen Sie in /apps/ws/js
einen Ordner mit dem Namen libs
. Klicken Sie auf Alle speichern.
Kopieren Sie den Ordner /libs/ws/js/libs/jqueryui
nach /apps/ws/js/libs
. Klicken Sie auf Alle speichern.
Führen Sie die folgenden Schritte für HTML-Anpassungen aus:
Erstellen Sie unter /apps/ws/js
einen Ordner mit dem Namen runtime
. Klicken Sie auf Alle speichern.
Erstellen Sie unter /apps/ws/js/runtime
einen Ordner mit dem Namen templates
. Klicken Sie auf Alle speichern.
Kopieren Sie /libs/ws/js/main.js
nach /apps/ws/js/main.js
.
Kopieren Sie /libs/ws/js/registry.js nach /apps/ws/js/registry.js
.
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
weiter.