Show Menu
ARGOMENTI×

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

I passaggi generici per eseguire eventuali personalizzazioni sono:
  1. Accedete al CRXDE Lite accedendo https://'[server]:[port]'/lc/crx/de/index.jsp .
  2. Create una cartella denominata ws in /apps , se non esiste. Fate clic su Salva tutto .
  3. Individuare /apps/ws e passare alla scheda Controllo ​accesso.
  4. Nell'elenco Controllo ​accesso, fare clic su + per aggiungere una nuova voce. Fate di nuovo clic + .
  5. Cercate e selezionate PERM_WORKSPACE_USER Principal.
  6. Dia jcr:read dei privilegi al Principal.
  7. Fate clic su Salva tutto .
  8. Copiate i GET.jsp file e html.jsp i file dalla /libs/ws cartella alla /apps/ws cartella.
  9. Copiate la /libs/ws/locales cartella nella /apps/ws cartella. Fate clic su Salva tutto .
  10. Aggiornate i riferimenti e i percorsi relativi nel GET.jsp file, come illustrato di seguito, quindi fate 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. Passate alla /apps/ws cartella e create una nuova cartella denominata css .
    2. Nella cartella della css cartella, create un nuovo file denominato newStyle.css .
    3. Open /apps/ws/html .jsp e modifica 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"/>
    
    
    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 js in /apps/ws . Fate clic su Salva tutto .
    2. Create una cartella denominata libs in /apps/ws/js . Fate clic su Salva tutto .
    3. Create una cartella denominata jqueryui in /apps/ws/js/libs . Fate clic su Salva tutto .
    4. Copia /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js in /apps/ws/js/libs/jqueryui . Fate clic su Salva tutto .
  14. Effettuate le seguenti operazioni per le personalizzazioni HTML:
    1. In /apps/ws/js , create una cartella denominata runtime . Fate clic su Salva tutto .
    2. In /apps/ws/js/runtime , create una cartella denominata templates . Fate clic su Salva tutto .
    3. Copia /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. Fate clic su Salva tutto , cancella cache e aggiorna l’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 si reindirizzerà a https://'[server]:[port]'/lc/apps/ws/index.html .