Etapas genéricas para personalização do espaço de trabalho 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. Crie uma pasta chamada wsem /apps, se ela não existir. Clique em Salvar tudo.

  3. Navegue até /apps/ws e navegue até a guia Controle de acesso.

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

  5. Pesquise e selecione a PERM_WORKSPACE_USER Principal.

    Selecione o principal PERM_WORKSPACE_USER como parte das etapas genéricas para personalizar a área de trabalho HTML

  6. Atribua privilégio jcr:read ao Principal.

  7. Clique em Salvar tudo.

  8. Copie os arquivos GET.jsp e html.jspda pasta /libs/wspara a pasta /apps/ws.

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

  10. 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'" />
    
  11. Faça o seguinte para personalizações de CSS:

    1. Navegue até a pasta /apps/ws e crie uma nova pasta chamada css.
    2. Na pasta csscrie um novo arquivo chamado newStyle.css.
    3. 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"/>
    
    OBSERVAÇÃO

    Coloque a entrada do arquivo CSS definido pelo usuário após a entrada de newStyle.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 jsem /apps/ws. Clique em Salvar tudo.
    2. Crie uma pasta chamada libsem /apps/ws/js. Clique em Salvar tudo.
    3. Crie uma pasta chamada jqueryuiem /apps/ws/js/libs. Clique em Salvar tudo.
    4. Copie /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. Copie /libs/ws/js/main.js para /apps/ws/js/main.js.
    4. Copie /libs/ws/js/registry.js para /apps/ws/js/registry.js.
  15. 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.

Nesta página