Pasos genéricos para la personalización del espacio de trabajo de AEM Forms

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

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

2. Cree una carpeta denominada wsat /apps, si no existe. Haga clic en Guardar todo.

3. Vaya a /apps/wsla ficha Control de acceso y desplácese hasta ella.

4. En la lista Control de acceso , haga clic en + para agregar una nueva entrada. Haga clic + nuevamente.

5. Busque y seleccione la entidad PERM_WORKSPACE_USER Principal.

   

6. Dar jcr:read privilegio al director.

7. Haga clic en Guardar todo.

8. Copie los GET.jsp archivos html.jspy de la /libs/wscarpeta en la /apps/ws carpeta.

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

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

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

11. Para las personalizaciones de CSS, haga lo siguiente:

    1. Vaya a la /apps/ws carpeta y cree una nueva carpeta con el nombre css.

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

    3. Abrir /apps/ws/html.jsp y cambiar 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"/>
    

    hasta

    <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"/>
    

    Nota

    Coloque la entrada del archivo CSS definido por el usuario después de la entrada de newStyle.css, como se muestra arriba.

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

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

    hasta

    <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 jsen /apps/ws. Haga clic en Guardar todo.

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

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

    4. Copiar /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js a /apps/ws/js/libs/jqueryui. Haga clic en Guardar todo.

14. Para las personalizaciones de HTML, haga lo siguiente:

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

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

    3. Copiar /libs/ws/js/main.js a /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 AEM Forms.

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