DocumentationAEM 6.4Guide de Forms

Procédure générique de personnalisation de l’espace de travail AEM Forms generic-steps-for-aem-forms-workspace-customization

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • User
CAUTION
AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

Les étapes génériques pour effectuer toute personnalisation sont les suivantes :

  1. Connectez-vous à CRXDE Lite en accédant à lʼadresse https://[server]:[port]/lc/crx/de/index.jsp.

  2. Créez un dossier nommé ws dans /apps, s’il n’existe pas. Cliquez sur Enregistrer tout.

  3. Naviguez jusqu’à /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 le principal de sécurité  PERM_WORKSPACE_USER.

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

  6. Octroyez le privilège jcr:read au principal de sécurité.

  7. Cliquez sur Enregistrer tout.

  8. Copiez le GET.jsp et html.jspdes fichiers /libs/wsvers le dossier /apps/ws dossier.

  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 d’accès relatifs dans le fichier GET.jsp, comme indiqué ci-dessous, puis cliquez sur Enregistrer tout.

    code language-none 
    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />

  11. Procédez comme suit pour des personnalisations CSS :

    1. Naviguez jusqu’au dossier /apps/ws et créez un dossier nommé css.
    2. Dans le cssdossier, créer un fichier nommé newStyle.css.
    3. Ouvrez /apps/ws/html.jsp et changez
    code language-css 
    <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

    code language-css 
    <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"/>
    note note
    NOTE
    Placez l’entrée du fichier CSS défini par l’utilisateur après l’entrée de newStyle.css, comme illustré ci-dessus.

  12. Dans le fichier /apps/ws/html.jsp, changez de

    code language-css 
    <script data-main="js/main" src="js/libs/require/require.js"></script>

    vers

    code language-css 
    <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 dans /apps/ws. Cliquez sur Enregistrer tout.
    2. Créez un dossier nommé libs dans /apps/ws/js. Cliquez sur Enregistrer tout.
    3. Créez un dossier nommé jqueryui dans /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 les personnalisations de 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 à l’aide des informations d’identification administrator/password. Le navigateur vous redirige vers https://[server]:[port]/lc/apps/ws/index.html.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da