Show Menu
SUJETS×

Procédure générique de personnalisation de l’espace de travail AEM Forms

Voici la procédure générique à suivre pour personnaliser Workspace HTML :
  1. Connectez-vous au CRXDE Lite en accédant à https://'[server]:[port]'/lc/crx/de/index.jsp .
  2. Create a folder named ws at /apps , if it does not exist. Cliquez sur Enregistrer tout .
  3. Browse to /apps/ws , and navigate to the Access Control tab.
  4. In the Access Control list, click + to add a new entry. Cliquez de nouveau sur + .
  5. Search and select the PERM_WORKSPACE_USER Principal.
  6. Give jcr:read privilege to the Principal.
  7. Cliquez sur Enregistrer tout .
  8. Copy the GET.jsp and html.jsp files from the /libs/ws folder to the /apps/ws folder.
  9. Copiez le /libs/ws/locales dossier dans le /apps/ws dossier. Cliquez sur Enregistrer tout .
  10. Update the references and relative paths in the GET.jsp file, as shown below, and click Save all .
    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
    
  11. Procédez comme suit pour des personnalisations CSS :
    1. Navigate to the /apps/ws folder and create a new folder named css .
    2. Dans le dossier css , , créez un fichier nommé newStyle.css .
    3. Open /apps/ws/html .jsp and change from
    <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"/>
    
    
    vers
    <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"/>
    
    
    placez l’entrée du fichier CSS défini par l’utilisateur après l’entrée de newStyle.css, comme indiqué ci-dessus.
  12. Dans le fichier /apps/ws/html.jsp, changez
    <script data-main="js/main" src="js/libs/require/require.js"></script>
    
    
    vers
    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
    
    
  13. Procédez comme suit :
    1. Create a folder named js at /apps/ws . Cliquez sur Enregistrer tout .
    2. Create a folder named libs at /apps/ws/js . Cliquez sur Enregistrer tout .
    3. Create a folder named jqueryui at /apps/ws/js/libs . Cliquez sur Enregistrer tout .
    4. Copiez /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js dans /apps/ws/js/libs/jqueryui . Cliquez sur Enregistrer tout .
  14. Procédez comme suit pour des personnalisations HTML :
    1. Sous /apps/ws/js , créez un dossier nommé runtime . Cliquez sur Enregistrer tout .
    2. Sous /apps/ws/js/runtime , créez un dossier nommé templates . Cliquez sur Enregistrer tout .
    3. Copiez /libs/ws/js/main.js dans /apps/ws/js/main.js .
    4. Copy /libs/ws/js/registry.js to /apps/ws/js/registry.js .
  15. Cliquez sur Enregistrer tout , effacez le cache et actualisez l’espace de travail AEM Forms.
    Accédez à l’URL https://'[server]:[port]'/lc/ws et connectez-vous avec les informations d’identification d’administrateur/de mot de passe. Le navigateur redirige vers https://'[server]:[port]'/lc/apps/ws/index.html .