Show Menu
TÓPICOS×

Etapas genéricas para personalização da área 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. Crie uma pasta com o nome ws em /apps , se ela não existir. Clique em Salvar tudo .
  3. Navegue até /apps/ws a guia Controle de acesso e navegue até ela.
  4. Na lista do Controle de acesso , clique em + para adicionar uma nova entrada. Clique + novamente.
  5. Pesquise e selecione o Principal PERM_WORKSPACE_USER .
  6. jcr:read privilégio ao diretor.
  7. Clique em Salvar tudo .
  8. Copie os arquivos GET.jsp e html.jsp arquivos da /libs/ws pasta para a /apps/ws pasta.
  9. Copie a /libs/ws/locales pasta na /apps/ws pasta. Clique em Salvar tudo .
  10. Atualize as referências e os caminhos relativos no GET.jsp arquivo, como 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 pasta e crie uma nova pasta chamada css .
    2. Na pasta da css pasta, crie um novo arquivo chamado newStyle.css .
    3. Abrir /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"/>
    
    
    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 com o nome js em /apps/ws . Clique em Salvar tudo .
    2. Crie uma pasta com o nome libs em /apps/ws/js . Clique em Salvar tudo .
    3. Crie uma pasta com o nome jqueryui em /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 é redirecionado para https://[server]:[port]/lc/apps/ws/index.html .