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 nommé wsà /apps, s'il n'existe pas. Cliquez sur Enregistrer tout.

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

  4. 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 et html.jspdu dossier /libs/wsdans 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 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. 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. Créez un dossier nommé jqueryuià /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. 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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now