Criar uma tela de logon creating-a-new-login-screen
Você pode modificar a tela de logon de todos os módulos do AEM Forms que usam a tela de logon do AEM Forms. Por exemplo, as modificações afetam a tela de logon do Forms Manager e da área de trabalho do AEM Forms.
Pré-requisitos prerequisite
-
Fazer logon em
/lc/crx/de
com permissões de Administrador. -
Execute as seguintes ações:
-
Replicar a estrutura hierárquica: de
/libs/livecycle/core/content
em/apps/livecycle/core/content
.Mantenha as mesmas propriedades (nó/pasta) e controle de acesso.
-
Copie a pasta de conteúdo:
de:
/libs/livecycle/core
para:
/apps/livecycle/core
. -
Excluir o conteúdo de
/apps/livecycle/core
pasta.
-
-
Execute estas ações:
-
Replicar a estrutura hierárquica: de
/libs/livecycle/core/components/login
em/apps/livecycle/core/components/login
. Mantenha as mesmas propriedades (nó/pasta) e controle de acesso. -
Copie a pasta de componentes: de
/libs/livecycle/core
para/apps/livecycle/core
. -
Exclua o conteúdo da pasta:
/apps/livecycle/core/components/login
.
-
Adicionar um novo local adding-a-new-locale
-
Copie o
i18n
pasta:- de
/libs/livecycle/core/components/login
- para
/apps/livecycle/core/components/login
- de
-
Excluir todas as pastas contidas
i18n
exceto um, digamosen
. -
Na pasta
en
, execute estas ações:-
Renomeie a pasta com o nome do local que você deseja que seja compatível. Por exemplo,
ar
. -
Alterar a propriedade
jcr:language
valor paraar
(para oar
pasta).
note note NOTE Se o local for uma combinação de código de idioma e país, digamos, ar-DZ
, em seguida, altere o nome da pasta e o valor da propriedade paraar-DZ
. -
-
Copiar
login.jsp
:- de
/libs/livecycle/core/components/login
- para
/apps/livecycle/core/components/login
- de
-
Modifique o seguinte trecho de código para
/apps/livecycle/core/components/login/login.jsp
:
Localidade é o código do idioma
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;
}
}
Para
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;
}
}
Para
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;
}
}
Para alterar a localidade padrão
String browserLocale = "en";
for(int i=0; i<locales.length; i++)
To
String browserLocale = "ar";
for(int i=0; i<locales.length; i++)
Adição de novo texto ou modificação de texto existente adding-new-text-or-modifying-existing-text
-
Copiar
i18n
pasta:- de
/libs/livecycle/core/components/login
- para
/apps/livecycle/core/components/login
- de
-
Agora modifique o valor da propriedade
sling:message
do nó (na pasta do código de localidade desejado) para o qual você deseja alterar o texto. A tradução é feita pela chave mencionada no valor desling:key
propriedade do nó. -
Para adicionar um novo par de valor-chave, execute as seguintes ações. Verifique um exemplo na captura de tela a seguir.
-
Criar um nó do tipo
sling:MessageEntry
, ou copie um nó existente e renomeie-o, em todas as pastas de localidade. -
Copiar
login.jsp
:-
de
/libs/livecycle/core/components/login
-
para
/apps/livecycle/core/components/login
-
-
Modificar
/apps/livecycle/core/components/login/login.jsp
para incorporar o texto recém-adicionado.
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) {%>
Para
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) {%>
-
Adicionar novo estilo ou modificar estilo existente adding-new-style-or-modifying-existing-style
-
Copiar
login
nó:- de
/libs/livecycle/core/content
- para
/apps/livecycle/core/content
- de
-
Excluir arquivos
login.js
ejquery-1.8.0.min.js
, do nó/apps/livecycle/core/content/login.
-
Modifique os estilos no arquivo CSS.
-
Para adicionar novos estilos:
-
Adicionar novos estilos a
/apps/livecycle/core/content/login/login.css
-
Copiar
login.jsp
-
de
/libs/livecycle/core/components/login
-
para
/apps/livecycle/core/components/login
-
-
Modificar
/apps/livecycle/core/components/login/login.jsp
para incorporar os estilos recém-adicionados.
-
Por exemplo:
- Adicione o seguinte a
/apps/livecycle/core/content/login/login.css
.
css.newLoginContentArea {
width: 700px;
padding: 100px 0px 0px 100px;
}
-
Modificar o seguinte em
/apps/livecycle/core/components/login.jsp
.code language-jsp <div class="loginContentArea">
Para
code language-jsp <div class="newLoginContentArea">
/apps/livecycle/core/content/login
(copiado de /libs/livecycle/core/content/login
) são removidos e, em seguida, remova as referências correspondentes no CSS.Adicionar novas imagens add-new-images
-
Siga as etapas de Adicionar novo estilo ou modificar estilo existente (documentado acima).
-
Adicionar novas imagens no
/apps/livecycle/core/content/login
. Para adicionar uma imagem:-
Instale o cliente WebDAV.
-
Navegue até
/apps/livecycle/core/content/login
pasta, usando o cliente webDAV. Para obter mais informações, consulte Acesso ao WebDAV. -
Adicione novas imagens.
-
-
Adicionar novos estilos no
/apps/livecycle/core/content/login/login.css,
correspondente às novas imagens adicionadas em/apps/livecycle/core/content/login
. -
Use os novos estilos no
login.jsp
em/apps/livecycle/core/components
.
Por exemplo:
.newLoginContainerBkg {
background-image: url(my_Bg.gif);
background-repeat: no-repeat;
background-position: left top;
width: 727px;
}
* Modifique o seguinte em /apps/livecycle/core/components/login.jsp.
<div class="loginContainerBkg">
Para
<div class="newLginContainerBkg">