Etapas genéricas para personalização do espaço de trabalho do AEM Forms

As etapas genéricas para executar qualquer personalização são:

1. Faça logon no CRXDE Lite acessando https://'[server]:[port]'/lc/crx/de/index.jsp.

2. Criar um sling:Folder pasta nomeada ws em /apps, se não existir. Para criar um sling:Folder , clique com o botão direito do mouse na apps e selecione Criar > Criar nó. Especifique o nome como ws, selecione tipo como sling:Foldere clique em OK. Clique em Salvar tudo.

3. Navegue até /apps/wse navegue até o Controle de acesso guia.

4. Selecione o Repositório opção. No Controle de acesso clique em + para adicionar uma entrada. Clique em + novamente.

5. Pesquise e selecione o PERM_WORKSPACE_USER Principal.

   

6. Conceder jcr:read ao responsável principal.

7. Clique em Salvar tudo.

8. Copie o GET.jsp, index, e html.jsp arquivos do /libs/ws pasta para a /apps/ws pasta.

9. Copie o /libs/ws/locales pasta na /apps/ws pasta. Clique em Salvar tudo.

10. Atualize as referências e os caminhos relativos no GET.jsp conforme mostrado abaixo e clique em Salvar tudo.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    

11. Faça o seguinte para personalizações de CSS:

    1. Navegue até a /apps/ws e crie uma pasta chamada css.

    2. No css , crie um arquivo chamado newStyle.css.

    3. Abertura /apps/ws/html.jsp e alterar 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"/>
    

    OBSERVAÇÃO

    Coloque a entrada do arquivo CSS definido pelo usuário após a entrada de style.css, como mostrado acima.

12. 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>
    

13. Faça o seguinte:

    1. Crie uma pasta chamada js em /apps/ws. Clique em Salvar tudo.

    2. Crie uma pasta chamada libs em /apps/ws/js. Clique em Salvar tudo.

    3. Copiar /libs/ws/js/libs/jqueryui pasta para /apps/ws/js/libs. Clique em Salvar tudo.

14. Faça o seguinte para personalizações de HTML:

    1. Em /apps/ws/js, crie uma pasta chamada runtime. Clique em Salvar tudo.

    2. Em /apps/ws/js/runtime, crie uma pasta chamada templates. Clique em Salvar tudo.

    3. Copiar /libs/ws/js/main.js para /apps/ws/js/main.js.

    4. Copiar /libs/ws/js/registry.js para /apps/ws/js/registry.js.

15. 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 para https://'[server]:[port]'/lc/apps/ws/index.html.