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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now