DocumentazioneAEM 6.5Guida utente

Passaggi generici per la personalizzazione dell’area di lavoro AEM Forms generic-steps-for-aem-forms-workspace-customization

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Si applica a:
  • Experience Manager 6.5
  • Argomenti:

Creato per:

  • Utente
  • Sviluppatore

I passaggi generici per eseguire qualsiasi personalizzazione sono i seguenti:

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

  2. Creare 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. Passare a /apps/ws e passare alla scheda Controllo dell'accesso.

  4. Selezionare l'opzione Archivio. Nell'elenco Controllo di accesso fare clic su + per aggiungere una voce. Fai di nuovo clic su +.

  5. Cerca e seleziona l'entità PERM_WORKSPACE_USER.

    Selezionare lentità PERM_WORKSPACE_USER come parte dei passaggi generici per personalizzare HTML Workspace

  6. Assegnare il privilegio jcr:read all'entità.

  7. Fare clic su Salva tutto.

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

  9. Copiare 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, e fare clic su Salva tutto.

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

  11. Per le personalizzazioni CSS, effettua le seguenti operazioni:

    1. Passare alla cartella /apps/ws e creare una cartella denominata css.

    2. Nella cartella css creare un file denominato newStyle.css.

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

    in

    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.

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

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

    in

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

  13. Effettua le seguenti operazioni:

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

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

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

  14. Per le personalizzazioni di HTML, effettuate le seguenti operazioni:

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

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

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

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

  15. Fai clic su 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 viene reindirizzato a https://'[server]:[port]'/lc/apps/ws/index.html.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2