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 :

Connectez-vous à CRXDE Lite en accédant à http://[serveur]:[port]/lc/crx/de/index.jsp.

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

Naviguez jusqu’à /apps/ws, et accédez à l’onglet Contrôle d’accès.

Dans la liste Contrôle d’accès, cliquez sur + pour ajouter une nouvelle entrée. Cliquez de nouveau sur +.

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

Octroyez le privilège jcr:read à l’entité de sécurité.

Cliquez sur Enregistrer tout.

Copiez les fichiers GET.jsp et html.jspdu dossier /libs/ws vers le dossier /apps/ws.

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

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.

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

Procédez comme suit pour des personnalisations CSS :

Naviguez jusqu’au dossier /apps/ws et créez un dossier nommé css.
Dans le dossier css , créez un fichier nommé newStyle.css.
Ouvrez /apps/ws/html.jsp et changez

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

<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.

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

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

<script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>

Effectuez la procédure suivante :

Créez un dossier nommé js dans /apps/ws. Cliquez sur Enregistrer tout.
Créez un dossier nommé libs dans /apps/ws/js. Cliquez sur Enregistrer tout.
Créez un dossier nommé jqueryui dans /apps/ws/js/libs. Cliquez sur Enregistrer tout.
Copiez /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js dans /apps/ws/js/libs/jqueryui. Cliquez sur Enregistrer tout.

Procédez comme suit pour des personnalisations HTML :

Sous /apps/ws/js, créez un dossier nommé runtime. Cliquez sur Enregistrer tout.
Sous /apps/ws/js/runtime, créez un dossier nommé templates. Cliquez sur Enregistrer tout.
Copiez /libs/ws/js/main.js dans /apps/ws/js/main.js.
Copiez /libs/ws/js/registry.js dans /apps/ws/js/registry.js.

Cliquez sur Enregistrer tout, effacez le cache et actualisez l’espace de travail AEM Forms.

Accédez à l’URL http://[serveur]:[port]/lc/ws et connectez-vous avec les informations d’identification administrateur/mot de passe. Le navigateur vous redirige vers http://[serveur]:[port]/lc/apps/ws/index.html.

Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales | Politique de confidentialité en ligne

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

Interroger la communauté

Une question à nous poser ?