Passaggi generici per la personalizzazione dell’area di lavoro AEM Forms generic-steps-for-aem-forms-workspace-customization
I passaggi generici per eseguire qualsiasi personalizzazione sono i seguenti:
-
Accedi a CRXDE Liti accedendo a
https://'[server]:[port]'/lc/crx/de/index.jsp
. -
Creare un
sling:Folder
cartella denominataws
a/apps
, se non esiste. Per creare unsling:Folder
cartella, fare clic con il pulsante destro del mouse sullaapps
cartella e seleziona Crea > Crea nodo. Specifica il nome comews
, seleziona digita comesling:Folder
e fai clic su OK. Clic Salva tutto. -
Sfoglia per
/apps/ws
, e passare al Controllo dell’accesso scheda. -
Seleziona la Archivio opzione. In Controllo dell’accesso , fare clic su + per aggiungere una voce. Clic + di nuovo.
-
Cerca e seleziona la PERM_WORKSPACE_USER Principale.
-
Assegna
jcr:read
privilegio dell'entità. -
Clic Salva tutto.
-
Copia il
GET.jsp
,index
, ehtml.jsp
file da/libs/ws
cartella al/apps/ws
cartella. -
Copia il
/libs/ws/locales
cartella in/apps/ws
cartella. Clic Salva tutto. -
Aggiornare i riferimenti e i percorsi relativi in
GET.jsp
come mostrato di seguito, quindi fare clic su Salva tutto.code language-javascript <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
-
Per le personalizzazioni CSS, effettua le seguenti operazioni:
-
Accedi a
/apps/ws
e crea una cartella denominatacss
. -
In
css
cartella, crea un file denominatonewStyle.css
. -
Apri
/apps/ws/html
.jsp e cambia da
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"/>
a
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 Posiziona la voce del file CSS definito dall'utente dopo la voce style.css, come mostrato sopra. -
-
Nel file /apps/ws/html.jsp, cambia da
code language-jsp <script data-main="js/main" src="js/libs/require/require.js"></script>
a
code language-jsp <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
-
Effettua le seguenti operazioni:
-
Crea una cartella denominata
js
a/apps/ws
. Clic Salva tutto. -
Crea una cartella denominata
libs
a/apps/ws/js
. Clic Salva tutto. -
Copia
/libs/ws/js/libs/jqueryui
cartella a/apps/ws/js/libs
. Clic Salva tutto.
-
-
Per le personalizzazioni di HTML, effettuate le seguenti operazioni:
-
Sotto
/apps/ws/js
, crea una cartella denominataruntime
. Clic Salva tutto. -
Sotto
/apps/ws/js/runtime
, crea una cartella denominatatemplates
. Clic Salva tutto. -
Copia
/libs/ws/js/main.js
a/apps/ws/js/main.js
. -
Copia /libs/ws/js/registry.js in
/apps/ws/js/registry.js
.
-
-
Clic Salva tutto, cancella la cache e aggiorna l’area di lavoro di AEM Forms.
Accedere all’URL
https://'[server]:[port]'/lc/ws
e accedere con le credenziali amministratore/password. Il browser reindirizza ahttps://'[server]:[port]'/lc/apps/ws/index.html
.