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. Créez un dossier sling:Folder nommé ws à /apps, s'il n'existe pas. Pour créer un dossier sling:Folder, cliquez avec le bouton droit sur le dossier apps et sélectionnez Créer > Créer un noeud. Indiquez le nom ws, sélectionnez le type sling:Folder et cliquez sur OK. Cliquez sur Enregistrer tout.

  3. Accédez à /apps/ws et accédez à l'onglet Contrôle d'accès.

  4. Sélectionnez l'option Repository. Dans la liste Contrôle d'accès, cliquez sur + pour ajouter une nouvelle entrée. Cliquez de nouveau sur +.

  5. Recherchez et sélectionnez l'entité de sécurité PERM_WORKSPACE_USER.

    Sélectionnez l’entité de sécurité PERM_WORKSPACE_USER dans le cadre des étapes génériques de personnalisation de Workspace HTML

  6. Attribuez le privilège jcr:read à l'entité de sécurité.

  7. Cliquez sur Enregistrer tout.

  8. Copiez les fichiers GET.jsp, index et html.jsp du dossier /libs/ws dans le dossier /apps/ws.

  9. Copiez le dossier /libs/ws/locales dans le dossier /apps/ws. Cliquez sur Enregistrer tout.

  10. Mettez à jour les références et les chemins relatifs dans le fichier GET.jsp, comme indiqué ci-dessous, puis cliquez sur Enregistrer tout.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
  11. Procédez comme suit pour des personnalisations CSS :

    1. Accédez au dossier /apps/ws et créez un nouveau dossier nommé css.

    2. Dans le dossier css, créez un fichier nommé newStyle.css.

    3. Ouvrez /apps/ws/html.jsp et changez de

    <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"/>
    
    REMARQUE

    Placez l’entrée du fichier CSS défini par l’utilisateur après l’entrée de style.css, comme illustré 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. Créez un dossier nommé js à /apps/ws. Cliquez sur Enregistrer tout.

    2. Créez un dossier nommé libs à /apps/ws/js. Cliquez sur Enregistrer tout.

    3. Copiez le dossier /libs/ws/js/libs/jqueryui dans /apps/ws/js/libs. 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. Copiez /libs/ws/js/registry.js dans /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.

Sur cette page