Etapas genéricas para personalização do espaço de trabalho do AEM Forms generic-steps-for-aem-forms-workspace-customization
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
. -
Criar um
sling:Folder
pasta nomeadaws
em/apps
, se não existir. Para criar umsling:Folder
, clique com o botão direito do mouse naapps
e selecione Criar > Criar nó. Especifique o nome comows
, selecione tipo comosling:Folder
e clique em OK. Clique em Salvar tudo. -
Navegue até
/apps/ws
e navegue até o Controle de acesso guia. -
Selecione o Repositório opção. No Controle de acesso clique em + para adicionar uma entrada. Clique em + novamente.
-
Pesquise e selecione o PERM_WORKSPACE_USER Principal.
-
Conceder
jcr:read
ao responsável principal. -
Clique em Salvar tudo.
-
Copie o
GET.jsp
,index
, ehtml.jsp
arquivos do/libs/ws
pasta para a/apps/ws
pasta. -
Copie o
/libs/ws/locales
pasta na/apps/ws
pasta. Clique em Salvar tudo. -
Atualize as referências e os caminhos relativos no
GET.jsp
conforme mostrado abaixo e clique em Salvar tudo.code language-javascript <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
-
Faça o seguinte para personalizações de CSS:
-
Navegue até a
/apps/ws
e crie uma pasta chamadacss
. -
No
css
, crie um arquivo chamadonewStyle.css
. -
Abertura
/apps/ws/html
.jsp e alterar de
code language-javascript <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
code language-javascript <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"/>
note note NOTE 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
code language-jsp <script data-main="js/main" src="js/libs/require/require.js"></script>
para
code language-jsp <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. -
Copiar
/libs/ws/js/libs/jqueryui
pasta 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 chamadaruntime
. Clique em Salvar tudo. -
Em
/apps/ws/js/runtime
, crie uma pasta chamadatemplates
. Clique em Salvar tudo. -
Copiar
/libs/ws/js/main.js
para/apps/ws/js/main.js
. -
Copiar /libs/ws/js/registry.js para
/apps/ws/js/registry.js
.
-
-
Clique em Salvar tudo, limpar o cache e atualizar o espaço de trabalho do AEM Forms.
Acessar o URL
https://'[server]:[port]'/lc/ws
e faça logon com credenciais de administrador/senha. O navegador redireciona parahttps://'[server]:[port]'/lc/apps/ws/index.html
.