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 denominata wsin /apps, se non esiste. Fare clic su Salva tutto.

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

  4. 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 e html.jspdalla cartella /libs/wsalla 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 csscreare 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 newStyle.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 jsin /apps/ws. Fare clic su Salva tutto.
    2. Create una cartella denominata libsin /apps/ws/js. Fare clic su Salva tutto.
    3. Create una cartella denominata jqueryuiin /apps/ws/js/libs. Fare clic su Salva tutto.
    4. Copiare /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js in /apps/ws/js/libs/jqueryui. 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