Criação de uma nova tela de logon creating-a-new-login-screen
Você pode modificar a tela de logon de todos os módulos AEM Forms que usam a tela de logon AEM Forms. Por exemplo, as modificações afetam a tela de logon do Forms Manager e do AEM Forms workspace.
Pré-requisitos prerequisite
-
Faça 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
at/apps/livecycle/core/content
. Mantenha as mesmas propriedades (nó/pasta) e o controle de acesso. - Copie a pasta de conteúdo: from
/libs/livecycle/core
para/apps/livecycle/core
. - Excluir o conteúdo de
/apps/livecycle/core
pasta.
- Replicar a estrutura hierárquica: de
-
Execute as seguintes ações:
- Replicar a estrutura hierárquica: de
/libs/livecycle/core/components/login
at/apps/livecycle/core/components/login
. Mantenha as mesmas propriedades (nó/pasta) e o controle de acesso. - Copie a pasta de componentes: from
/libs/livecycle/core
para/apps/livecycle/core
. - Exclua o conteúdo da pasta:
/apps/livecycle/core/components/login
.
- Replicar a estrutura hierárquica: de
Adicionar uma nova localidade 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 dentro
i18n
exceto um, digamosen
. -
Na pasta
en
, execute estas ações:- Renomeie a pasta com o nome da localidade que deseja suportar. Por exemplo,
ar
. - Alterar a propriedade
jcr:language
paraar
para aar
pasta).
note note NOTE Se a localidade for uma combinação de código de país de idioma, digamos: ar-DZ
, em seguida, altere o nome da pasta e o valor da propriedade paraar-DZ
. - Renomeie a pasta com o nome da localidade que deseja suportar. Por exemplo,
-
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
:A localidade é o código de idioma
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; } }
A localidade é o código do país do idioma
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; } }
Para alterar a localidade padrão
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++)
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 de código de local desejada) para o qual você deseja alterar o texto. A tradução é feita por meio da 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
- de
-
Modificar
/apps/livecycle/core/components/login/login.jsp
para incorporar o texto recém-adicionado.
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) {%>
-
Adicionar novo estilo ou modificar o 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
, no 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
- de
-
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
.
code language-css .newLoginContentArea { width: 700px; padding: 100px 0px 0px 100px; }
- Modifique o seguinte em /apps/livecycle/core/components/login.jsp.
code language-none <div class="loginContentArea"> To <div class="newLoginContentArea">
- Adicione o seguinte a
/apps/livecycle/core/content/login
(copiado de /libs/livecycle/core/content/login
) são removidas e, em seguida, removem as referências correspondentes em CSS.Adicionar novas imagens add-new-images
-
Siga as etapas de Adicionar novo estilo ou modificar o estilo existente (documentado acima).
-
Adicionar novas imagens em
/apps/livecycle/core/content/login
. Para adicionar uma imagem:- Instale o cliente WebDAV.
- Navegar para
/apps/livecycle/core/content/login
, usando o cliente webDAV. Para obter mais informações, consulte: https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html. - Adicione novas imagens.
-
Adicionar novos estilos em
/apps/livecycle/core/content/login/login.css,
correspondendo a novas imagens adicionadas em/apps/livecycle/core/content/login
. -
Use os novos estilos em
login.jsp
at/apps/livecycle/core/components
. -
Por Exemplo:
- Adicione o seguinte 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; }
- Modifique o seguinte em /apps/livecycle/core/components/login.jsp.
code language-none <div class="loginContainerBkg"> To <div class="newLginContainerBkg">
- Adicione o seguinte a