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.

    Selezionate l'entità PERM_WORKSPACE_USER come parte dei passaggi generici per personalizzare l'area di lavoro HTML

  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.

In questa pagina

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now