DocumentaçãoAEM 6.4Guia do Forms

Etapas genéricas para personalização do espaço de trabalho do AEM Forms generic-steps-for-aem-forms-workspace-customization

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

  • User
CAUTION
AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

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. Crie uma pasta chamada wsat /apps, se não existir. Clique em Salvar tudo.

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

  4. No Controle de acesso listar, clique em + para adicionar uma nova entrada. Clique em + novamente.

  5. Pesquise e selecione o PERM_WORKSPACE_USER Principal.

    Selecione PERM_WORKSPACE_USER principal como parte das etapas genéricas para personalizar o HTML Workspace

  6. Dar jcr:read privilégio do diretor.

  7. Clique em Salvar tudo.

  8. Copie o GET.jsp e html.jsparquivos da /libs/wspara /apps/ws pasta.

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

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

    code language-none 
    <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é o /apps/ws e crie uma nova pasta chamada css.
    2. No csspasta, crie um novo arquivo chamado newStyle.css.
    3. Abrir /apps/ws/html.jsp e alterar de
    code language-css 
    <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-css 
    <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 newStyle.css, conforme mostrado acima.

  12. No arquivo /apps/ws/html.jsp, altere de

    code language-css 
    <script data-main="js/main" src="js/libs/require/require.js"></script>

    para

    code language-css 
    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>

  13. Faça o seguinte:

    1. Crie uma pasta chamada jsat /apps/ws. Clique em Salvar tudo.
    2. Crie uma pasta chamada libsat /apps/ws/js. Clique em Salvar tudo.
    3. Crie uma pasta chamada jqueryuiat /apps/ws/js/libs. Clique em Salvar tudo.
    4. Copiar /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js para /apps/ws/js/libs/jqueryui. 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, limpe o cache e atualize 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.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da