DocumentaciónAEM 6.5Guía del usuario

Pasos genéricos para la personalización de AEM Forms Workspace generic-steps-for-aem-forms-workspace-customization

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Temas:

Creado para:

  • Usuario
  • Desarrollador

Los pasos genéricos para realizar cualquier personalización son los siguientes:

  1. Inicie sesión en CRXDE Lite accediendo a https://'[server]:[port]'/lc/crx/de/index.jsp.

  2. Cree una carpeta sling:Folder con el nombre ws en /apps, si no existe. Para crear una carpeta sling:Folder, haga clic con el botón derecho en la carpeta apps y seleccione Crear > Crear nodo. Especifique el nombre como ws, seleccione el tipo como sling:Folder y haga clic en Aceptar. Haga clic en Guardar todo.

  3. Vaya a /apps/ws y desplácese hasta la pestaña Control de acceso.

  4. Seleccione la opción Repositorio. En la lista Control de acceso, haga clic en + para agregar una entrada. Vuelva a hacer clic en +.

  5. Busque y seleccione el principal PERM_WORKSPACE_USER.

    Seleccione el principal PERM_WORKSPACE_USER como parte de los pasos genéricos para personalizar HTML Workspace .

  6. Otorgue el privilegio jcr:read al principal.

  7. Haga clic en Guardar todo.

  8. Copie los archivos GET.jsp, index y html.jsp de la carpeta /libs/ws a la carpeta /apps/ws.

  9. Copie la carpeta /libs/ws/locales en la carpeta /apps/ws. Haga clic en Guardar todo.

  10. Actualice las referencias y las rutas relativas del archivo GET.jsp, como se muestra a continuación, y haga clic en Guardar todo.

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

  11. Siga los siguientes pasos para llevar a cabo las personalizaciones de CSS:

    1. Vaya a la carpeta /apps/ws y cree una carpeta llamada css.

    2. En la carpeta css, cree un archivo denominado newStyle.css.

    3. Abra /apps/ws/html.jsp y cambie

    code language-javascript 
    <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"/>

    a

    code language-javascript 
    <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 la entrada del archivo CSS definido por el usuario después de la entrada de style.css, como se muestra arriba.

  12. En el archivo /apps/ws/html.jsp, cambie

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

    a

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

  13. Haga lo siguiente:

    1. Cree una carpeta con el nombre js en /apps/ws. Haga clic en Guardar todo.

    2. Cree una carpeta con el nombre libs en /apps/ws/js. Haga clic en Guardar todo.

    3. Copie la carpeta /libs/ws/js/libs/jqueryui a /apps/ws/js/libs. Haga clic en Guardar todo.

  14. Siga los siguientes pasos para llevar a cabo las personalizaciones de HTML:

    1. Cree una carpeta con el nombre runtime en /apps/ws/js. Haga clic en Guardar todo.

    2. Cree una carpeta con el nombre templates en /apps/ws/js/runtime. Haga clic en Guardar todo.

    3. Copie /libs/ws/js/main.js en /apps/ws/js/main.js.

    4. Copie /libs/ws/js/registry.js en /apps/ws/js/registry.js.

  15. Haga clic en Guardar todo, borre la caché y actualice el espacio de trabajo de AEM Forms.

    Acceda a la dirección URL https://'[server]:[port]'/lc/ws e inicie sesión con las credenciales de administrador/contraseña. El explorador le redirigirá a https://'[server]:[port]'/lc/apps/ws/index.html.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2