As etapas genéricas para executar qualquer personalização são:
Faça logon no CRXDE Lite acessando https://'[server]:[port]'/lc/crx/de/index.jsp
.
Crie uma pasta sling:Folder
com o nome ws
em /apps
, se ela não existir. Para criar uma pasta sling:Folder
, clique com o botão direito do mouse na pasta apps
e selecione Criar > Criar nó. Especifique o nome como ws
, selecione type as sling:Folder
e clique em OK. Clique em Salvar tudo.
Navegue até /apps/ws
e navegue até a guia Controle de acesso.
Selecione a opção Repositório. Na lista Controle de acesso, clique em + para adicionar uma nova entrada. Clique novamente em +.
Pesquise e selecione a PERM_WORKSPACE_USER Principal.
Atribua privilégio jcr:read
ao Principal.
Clique em Salvar tudo.
Copie os arquivos GET.jsp
, index
e html.jsp
da pasta /libs/ws
para a pasta /apps/ws
.
Copie a pasta /libs/ws/locales
na pasta /apps/ws
. Clique em Salvar tudo.
Atualize as referências e os caminhos relativos no arquivo GET.jsp
, conforme mostrado abaixo, e clique em Salvar tudo.
<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
Faça o seguinte para personalizações de CSS:
Navegue até a pasta /apps/ws
e crie uma nova pasta chamada css
.
Na pasta css
, crie um novo arquivo chamado newStyle.css
.
Abra /apps/ws/html
.jsp e altere de
<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"/>
para
<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"/>
Coloque a entrada do arquivo CSS definido pelo usuário após a entrada de style.css, como mostrado acima.
No arquivo /apps/ws/html.jsp, altere de
<script data-main="js/main" src="js/libs/require/require.js"></script>
para
<script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
Faça o seguinte:
Crie uma pasta chamada js
em /apps/ws
. Clique em Salvar tudo.
Crie uma pasta chamada libs
em /apps/ws/js
. Clique em Salvar tudo.
Copie a pasta /libs/ws/js/libs/jqueryui
para /apps/ws/js/libs
. Clique em Salvar tudo.
Faça o seguinte para personalizações de HTML:
Em /apps/ws/js
, crie uma pasta chamada runtime
. Clique em Salvar tudo.
Em /apps/ws/js/runtime
, crie uma pasta chamada templates
. Clique em Salvar tudo.
Copie /libs/ws/js/main.js
para /apps/ws/js/main.js
.
Copie /libs/ws/js/registry.js para /apps/ws/js/registry.js
.
Clique em Salvar tudo, limpar o cache e atualizar a área de trabalho do AEM Forms.
Acesse o URL https://'[server]:[port]'/lc/ws
e faça logon com as credenciais de administrador/senha. O navegador redireciona para https://'[server]:[port]'/lc/apps/ws/index.html
.