Creazione di una nuova schermata di accesso creating-a-new-login-screen
Puoi modificare la schermata di accesso di tutti i moduli AEM Forms che utilizzano la schermata di accesso di AEM Forms. Ad esempio, le modifiche influiscono sulla schermata di accesso di, sia di Forms Manager che di AEM Forms workspace.
Prerequisito prerequisite
-
Accedi a
/lc/crx/de
con autorizzazioni di amministratore. -
Esegui le seguenti operazioni:
- Replicare la struttura gerarchica: di
/libs/livecycle/core/content
a/apps/livecycle/core/content
. Mantenere le stesse proprietà (nodo/cartella) e il controllo di accesso. - Copia la cartella del contenuto: da
/libs/livecycle/core
a/apps/livecycle/core
. - Elimina il contenuto di
/apps/livecycle/core
cartella.
- Replicare la struttura gerarchica: di
-
Esegui le seguenti operazioni:
- Replicare la struttura gerarchica: di
/libs/livecycle/core/components/login
a/apps/livecycle/core/components/login
. Mantenere le stesse proprietà (nodo/cartella) e il controllo di accesso. - Copia la cartella dei componenti: da
/libs/livecycle/core
a/apps/livecycle/core
. - Elimina il contenuto della cartella:
/apps/livecycle/core/components/login
.
- Replicare la struttura gerarchica: di
Aggiunta di una nuova impostazione internazionale adding-a-new-locale
-
Copia il
i18n
cartella:- da
/libs/livecycle/core/components/login
- a
/apps/livecycle/core/components/login
- da
-
Elimina tutte le cartelle all'interno
i18n
tranne uno, diteen
. -
Sulla cartella
en
, esegui le seguenti operazioni:- Rinomina la cartella con il nome delle impostazioni internazionali che desideri supportare. Esempio:
ar
. - Modificare la proprietà
jcr:language
valore aar
(perar
cartella).
note note NOTE Se le impostazioni internazionali sono una combinazione di codice paese lingua, ad esempio ar-DZ
, quindi modifica il nome della cartella e il valore della proprietà inar-DZ
. - Rinomina la cartella con il nome delle impostazioni internazionali che desideri supportare. Esempio:
-
Copia
login.jsp
:- da
/libs/livecycle/core/components/login
- a
/apps/livecycle/core/components/login
- da
-
Modifica il seguente frammento di codice per
/apps/livecycle/core/components/login/login.jsp
:Le impostazioni internazionali sono codici della lingua
code language-none 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; } }
L’impostazione internazionale è un codice del paese della lingua
code language-none 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; } }
Per modificare le impostazioni internazionali predefinite
code language-none String browserLocale = "en"; for(int i=0; i<locales.length; i++) To String browserLocale = "ar"; for(int i=0; i<locales.length; i++)
Aggiunta di nuovo testo o modifica di testo esistente adding-new-text-or-modifying-existing-text
-
Copia
i18n
cartella:- da
/libs/livecycle/core/components/login
- a
/apps/livecycle/core/components/login
- da
-
Ora modifica il valore della proprietà
sling:message
del nodo (nella cartella del codice locale desiderata) per il quale si desidera modificare il testo. La traduzione viene effettuata tramite la chiave menzionata nel valore disling:key
proprietà del nodo. -
Per aggiungere una nuova coppia chiave-valore, esegui le seguenti operazioni. Controlla un esempio nella schermata seguente.
-
Crea un nodo di tipo
sling:MessageEntry
oppure copia un nodo esistente e rinominalo, in tutte le cartelle locali. -
Copia
login.jsp
:- da
/libs/livecycle/core/components/login
- a
/apps/livecycle/core/components/login
- da
-
Modifica
/apps/livecycle/core/components/login/login.jsp
incorporare il testo appena aggiunto.
code language-none div class="loginContent"> <span class="loginFlow"></span> <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></span> <span class="loginTitle"><%= i18n.get("Login") %></span> <% if (loginFailed) {%> To div class="loginContent"> <span class="loginFlow"></span> <span class="loginVersion"><%= i18n.get("My Welcome Message") %></span> <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></span> <span class="loginTitle"><%= i18n.get("Login") %></span> <% if (loginFailed) {%>
-
Aggiunta di un nuovo stile o modifica di uno stile esistente adding-new-style-or-modifying-existing-style
-
Copia
login
nodo:- da
/libs/livecycle/core/content
- a
/apps/livecycle/core/content
- da
-
Elimina file
login.js
ejquery-1.8.0.min.js
, dal nodo/apps/livecycle/core/content/login.
-
Modifica gli stili nel file CSS.
-
Per aggiungere nuovi stili:
-
Aggiungi nuovi stili a
/apps/livecycle/core/content/login/login.css
-
Copia
login.jsp
- da
/libs/livecycle/core/components/login
- a
/apps/livecycle/core/components/login
- da
-
Modifica
/apps/livecycle/core/components/login/login.jsp
per incorporare gli stili appena aggiunti.
-
-
Ad esempio:
- Aggiungi quanto segue a
/apps/livecycle/core/content/login/login.css
.
code language-css .newLoginContentArea { width: 700px; padding: 100px 0px 0px 100px; }
- Modifica quanto segue in /apps/livecycle/core/components/login.jsp.
code language-none <div class="loginContentArea"> To <div class="newLoginContentArea">
- Aggiungi quanto segue a
/apps/livecycle/core/content/login
(copiato da /libs/livecycle/core/content/login
) vengono rimossi, quindi rimuovi i riferimenti corrispondenti in CSS.Aggiungi nuove immagini add-new-images
-
Segui i passaggi descritti in precedenza per aggiungere un nuovo stile o modificare lo stile esistente.
-
Aggiungi nuove immagini in
/apps/livecycle/core/content/login
. Per aggiungere un'immagine:- Installa il client WebDAV.
- Passa a
/apps/livecycle/core/content/login
cartella, utilizzando il client webDAV. Per ulteriori informazioni, consulta: https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html. - Aggiungi nuove immagini.
-
Aggiungi nuovi stili in
/apps/livecycle/core/content/login/login.css,
corrispondente alle nuove immagini aggiunte in/apps/livecycle/core/content/login
. -
Utilizzare i nuovi stili in
login.jsp
a/apps/livecycle/core/components
. -
Ad esempio:
- Aggiungi quanto segue a
/apps/livecycle/core/content/login/login.css
code language-css .newLoginContainerBkg { background-image: url(my_Bg.gif); background-repeat: no-repeat; background-position: left top; width: 727px; }
- Modifica quanto segue in /apps/livecycle/core/components/login.jsp.
code language-none <div class="loginContainerBkg"> To <div class="newLginContainerBkg">
- Aggiungi quanto segue a