Créer un écran de connexion creating-a-new-login-screen
Vous pouvez modifier l’écran de connexion de tous les modules AEM Forms qui utilisent l’écran de connexion AEM Forms. Par exemple, les modifications affectent à la fois l’écran de connexion de Forms Manager et de l’espace de travail d’AEM Forms.
Prérequis prerequisite
-
Connectez-vous à
/lc/crx/de
avec des droits d’administrateur. -
Procédez comme suit :
-
Répliquez la structure hiérarchique : de
/libs/livecycle/core/content
vers/apps/livecycle/core/content
.Conservez les mêmes propriétés (nœud/dossier) et contrôle d’accès.
-
Copiez le dossier de contenu :
de:
/libs/livecycle/core
vers:
/apps/livecycle/core
. -
Supprimez le contenu du dossier
/apps/livecycle/core
.
-
-
Procédez comme suit :
-
Répliquez la structure hiérarchique : de
/libs/livecycle/core/components/login
vers/apps/livecycle/core/components/login
. Conservez les mêmes propriétés (nœud/dossier) et contrôle d’accès. -
Copiez le dossier de composants de
/libs/livecycle/core
vers/apps/livecycle/core
. -
Supprimez le contenu du dossier
/apps/livecycle/core/components/login
.
-
Ajout d’un nouveau paramètre régional adding-a-new-locale
-
Copiez le dossier
i18n
- de
/libs/livecycle/core/components/login
- vers
/apps/livecycle/core/components/login
- de
-
Supprimez tous les dossiers contenus dans
i18n
sauf un, commeen
, par exemple. -
Sur le dossier
en
, procédez comme suit :-
Donnez au dossier le nom du paramètre régional que vous souhaitez prendre en charge. Par exemple,
ar
. -
Modifiez la valeur de la propriété
jcr:language
enar
(pour le dossierar
).
note note NOTE Si le paramètre régional est une combinaison de code langue-pays, tel que ar-DZ
, modifiez le nom du dossier et la valeur de la propriété enar-DZ
. -
-
Copier
login.jsp
:- de
/libs/livecycle/core/components/login
- vers
/apps/livecycle/core/components/login
- de
-
Modifiez le fragment de code suivant pour
/apps/livecycle/core/components/login/login.jsp
:
Le paramètre régional est un code de langue
String browserLocale = "en";
for(int i=0; i<locales.length; i++)
{
String prioperty = locales[i];
if(prioperty.trim().startsWith("en")) {
browserLocale = "en";
break;
}
if(prioperty.trim().startsWith("de")){
browserLocale = "de";
break;
}
if(prioperty.trim().startsWith("ja")){
browserLocale = "ja";
break;
}
if(prioperty.trim().startsWith("fr")){
browserLocale = "fr";
break;
}
}
To
String browserLocale = "en";
for(int i=0; i<locales.length; i++)
{
String prioperty = locales[i];
if(prioperty.trim().startsWith("ar")) {
browserLocale = "ar";
break;
}
if(prioperty.trim().startsWith("en")) {
browserLocale = "en";
break;
}
if(prioperty.trim().startsWith("de")){
browserLocale = "de";
break;
}
if(prioperty.trim().startsWith("ja")){
browserLocale = "ja";
break;
}
if(prioperty.trim().startsWith("fr")){
browserLocale = "fr";
break;
}
}
String browserLocale = "en";
for(int i=0; i<locales.length; i++)
{
String prioperty = locales[i];
if(prioperty.trim().startsWith("en")) {
browserLocale = "en";
break;
}
if(prioperty.trim().startsWith("de")){
browserLocale = "de";
break;
}
if(prioperty.trim().startsWith("ja")){
browserLocale = "ja";
break;
}
if(prioperty.trim().startsWith("fr")){
browserLocale = "fr";
break;
}
}
To
String browserLocale = "en";
for(int i=0; i<locales.length; i++)
{
String prioperty = locales[i];
if(prioperty.trim().equalsIgnoreCase("ar-DZ")) {
browserLocale = "ar-DZ";
break;
}
if(prioperty.trim().startsWith("en")) {
browserLocale = "en";
break;
}
if(prioperty.trim().startsWith("de")){
browserLocale = "de";
break;
}
if(prioperty.trim().startsWith("ja")){
browserLocale = "ja";
break;
}
if(prioperty.trim().startsWith("fr")){
browserLocale = "fr";
break;
}
}
Pour modifier le paramètre régional par défaut.
String browserLocale = "en";
for(int i=0; i<locales.length; i++)
To
String browserLocale = "ar";
for(int i=0; i<locales.length; i++)
Ajouter du nouveau texte ou modifier du texte existant adding-new-text-or-modifying-existing-text
-
Copiez le dossier
i18n
- de
/libs/livecycle/core/components/login
- vers
/apps/livecycle/core/components/login
- de
-
Modifiez la valeur de la propriété
sling:message
du nœud (sous le dossier du code du paramètre régional souhaité) pour laquelle vous souhaitez modifier le texte. La traduction est effectuée via la clé mentionnée dans la valeur de la propriétésling:key
du nœud. -
Pour ajouter une nouvelle paire clé-valeur, effectuez les opérations suivantes : Vérifiez un exemple dans la capture d’écran qui suit.
-
Créez un nœud de type
sling:MessageEntry
ou copiez un nœud existant et renommez-le, sous tous les dossiers de paramètres régionaux. -
Copier
login.jsp
:-
de
/libs/livecycle/core/components/login
-
vers
/apps/livecycle/core/components/login
-
-
Modifiez
/apps/livecycle/core/components/login/login.jsp
pour incorporer le texte nouvellement ajouté.
code language-jsp div class="loginContent"> <span class="loginFlow"></code> <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></code> <span class="loginTitle"><%= i18n.get("Login") %></code> <% if (loginFailed) {%>
To
code language-jsp div class="loginContent"> <span class="loginFlow"></code> <span class="loginVersion"><%= i18n.get("My Welcome Message") %></code> <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></code> <span class="loginTitle"><%= i18n.get("Login") %></code> <% if (loginFailed) {%>
-
Ajout d’un nouveau style ou modification d’un style existant adding-new-style-or-modifying-existing-style
-
Copiez le nœud
login
:- de
/libs/livecycle/core/content
- vers
/apps/livecycle/core/content
- de
-
Supprimez les fichiers
login.js
etjquery-1.8.0.min.js
du noeud/apps/livecycle/core/content/login.
-
Modifiez les styles du fichier CSS.
-
Pour ajouter de nouveaux styles :
-
Ajoutez de nouveaux styles à
/apps/livecycle/core/content/login/login.css
-
Copier
login.jsp
-
de
/libs/livecycle/core/components/login
-
vers
/apps/livecycle/core/components/login
-
-
Modifiez
/apps/livecycle/core/components/login/login.jsp
pour incorporer les styles nouvellement ajoutés.
-
Par exemple :
- Ajoutez le code suivant à
/apps/livecycle/core/content/login/login.css
.
css.newLoginContentArea {
width: 700px;
padding: 100px 0px 0px 100px;
}
-
Modifiez les éléments suivants dans
/apps/livecycle/core/components/login.jsp
.code language-jsp <div class="loginContentArea">
To
code language-jsp <div class="newLoginContentArea">
/apps/livecycle/core/content/login
(copiées à partir de /libs/livecycle/core/content/login
) sont supprimées, supprimez les références correspondantes dans CSS.Ajoutez de nouvelles images add-new-images
-
Suivez les étapes des sections Ajout d’un nouveau style ou Modification d’un style existant (présentées ci-dessus).
-
Ajoutez de nouvelles images dans
/apps/livecycle/core/content/login
. Pour ajouter une image :-
Installez le client WebDAV.
-
Naviguez jusqu’au dossier
/apps/livecycle/core/content/login
à l’aide du client webDAV. Pour plus d’informations, voir Accès WebDAV. -
Ajoutez de nouvelles images.
-
-
Ajoutez de nouveaux styles dans
/apps/livecycle/core/content/login/login.css,
correspondant aux nouvelles images ajoutées dans/apps/livecycle/core/content/login
. -
Utilisez les nouveaux styles dans
login.jsp
dans/apps/livecycle/core/components
.
Par exemple :
.newLoginContainerBkg {
background-image: url(my_Bg.gif);
background-repeat: no-repeat;
background-position: left top;
width: 727px;
}
* Modifiez l’élément suivant dans /apps/livecycle/core/components/login.jsp.
<div class="loginContainerBkg">
To
<div class="newLginContainerBkg">