Passaggi generici per la personalizzazione dell’area di lavoro AEM Forms

I passaggi generici per eseguire eventuali personalizzazioni sono i seguenti:

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

  2. Crea un sling:Folder cartella denominata ws a /apps, se non esiste. Per creare una sling:Folder fai clic con il pulsante destro del mouse sulla cartella apps e seleziona Crea > Crea nodo. Specifica il nome come ws, seleziona il tipo come sling:Folder e fai clic su OK. Fai clic su Salva tutto.

  3. Sfoglia per /apps/wse naviga fino al Controllo degli accessi scheda .

  4. Seleziona la Archivio opzione . In Controllo degli accessi elenco, fai clic su + per aggiungere una nuova voce. Fai clic su + di nuovo.

  5. Cerca e seleziona la PERM_WORKSPACE_USER Principale

    Selezionare l'entità PERM_WORKSPACE_USER come parte dei passaggi generici per personalizzare HTML Workspace

  6. Dare jcr:read privilegio al Principale.

  7. Fai clic su Salva tutto.

  8. Copia il GET.jsp, indexe html.jsp file dal /libs/ws nella cartella /apps/ws cartella.

  9. Copia il /libs/ws/locales nella cartella /apps/ws cartella. Fai clic su Salva tutto.

  10. Aggiorna i riferimenti e i percorsi relativi nel GET.jsp come mostrato di seguito, quindi fai clic su Salva tutto.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
  11. Per le personalizzazioni CSS, procedi come segue:

    1. Passa a /apps/ws e crea una nuova cartella denominata css.

    2. In css creare 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

    Posiziona la voce del file CSS definito dall'utente dopo la voce di style.css, come mostrato sopra.

  12. Nel file /apps/ws/html.jsp, cambia 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. Crea una cartella denominata js a /apps/ws. Fai clic su Salva tutto.

    2. Crea una cartella denominata libs a /apps/ws/js. Fai clic su Salva tutto.

    3. Copia /libs/ws/js/libs/jqueryui cartella a /apps/ws/js/libs. Fai clic su Salva tutto.

  14. Effettua le seguenti operazioni per le personalizzazioni di HTML:

    1. Sotto /apps/ws/js, crea una cartella denominata runtime. Fai clic su Salva tutto.

    2. Sotto /apps/ws/js/runtime, crea una cartella denominata templates. Fai clic su Salva tutto.

    3. Copia /libs/ws/js/main.js a /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 AEM Forms.

    Accedere all’URL https://'[server]:[port]'/lc/ws e accedi con le credenziali di amministratore/password. Il browser reindirizza a https://'[server]:[port]'/lc/apps/ws/index.html.

In questa pagina