Passaggi generici per personalizzazione dell'area di lavoro AEM Forms

I passaggi generici per eseguire eventuali personalizzazioni sono:

1. Accedete al CRXDE Lite accedendo a https://'[server]:[port]'/lc/crx/de/index.jsp.

2. Create una cartella sling:Folder denominata ws in /apps, se non esiste. Per creare una cartella sling:Folder, fare clic con il pulsante destro del mouse sulla cartella apps e selezionare Crea > Crea nodo. Specificare il nome come ws, selezionare il tipo come sling:Folder e fare clic su OK. Fare clic su Salva tutto.

3. Accedere a /apps/ws e passare alla scheda Controllo accesso.

4. Selezionare l'opzione Repository. Nell'elenco Controllo accesso, fare clic su + per aggiungere una nuova voce. Fare di nuovo clic su +.

5. Cercare e selezionare l'entità PERM_WORKSPACE_USER.

   

6. Assegnare il privilegio jcr:read al Principal.

7. Fare clic su Salva tutto.

8. Copiate i file GET.jsp, index e html.jsp dalla cartella /libs/ws alla cartella /apps/ws.

9. Copiate la cartella /libs/ws/locales nella cartella /apps/ws. Fare clic su Salva tutto.

10. Aggiornare i riferimenti e i percorsi relativi nel file GET.jsp, come illustrato di seguito, quindi fare clic su Salva tutto.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    

11. Effettuate le seguenti operazioni per le personalizzazioni CSS:

    1. Andate alla cartella /apps/ws e create una nuova cartella denominata css.

    2. Nella cartella css, create un nuovo file denominato newStyle.css.

    3. Apri /apps/ws/html.jsp e cambia da

    <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

    <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"/>
    

    NOTA

    Inserite la voce del file CSS definito dall'utente dopo la voce style.css, come illustrato sopra.

12. Nel file /apps/ws/html.jsp, modificare da

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

    a

    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
    

13. Effettua le seguenti operazioni:

    1. Create una cartella denominata js in /apps/ws. Fare clic su Salva tutto.

    2. Create una cartella denominata libs in /apps/ws/js. Fare clic su Salva tutto.

    3. Copiate la cartella /libs/ws/js/libs/jqueryui in /apps/ws/js/libs. Fare clic su Salva tutto.

14. Effettuate le seguenti operazioni per le personalizzazioni HTML:

    1. In /apps/ws/js, create una cartella denominata runtime. Fare clic su Salva tutto.

    2. In /apps/ws/js/runtime, create una cartella denominata templates. Fare clic su Salva tutto.

    3. Copiare /libs/ws/js/main.js in /apps/ws/js/main.js.

    4. Copiate /libs/ws/js/registry.js in /apps/ws/js/registry.js.

15. Fare clic su Salva tutto, cancellare la cache e aggiornare 'area di lavoro AEM Forms.

    Accedete all’URL https://'[server]:[port]'/lc/ws ed effettuate l’accesso con le credenziali di amministratore/password. Il browser reindirizza a https://'[server]:[port]'/lc/apps/ws/index.html.