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. Crear una carpeta con el nombre wsat /apps, si no existe. Haga clic en Guardar todo.

  3. Vaya a /apps/wsy vaya a la Control de acceso pestaña .

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

  5. Busque y seleccione el PERM_WORKSPACE_USER Principal.

    Seleccione la entidad de seguridad PERM_WORKSPACE_USER como parte de los pasos genéricos para personalizar HTML Workspace

  6. Dar jcr:read a Principal.

  7. Haga clic en Guardar todo.

  8. Copie el GET.jsp y html.jsplos archivos de /libs/wsa la /apps/ws carpeta.

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

  10. Actualice las referencias y las rutas relativas en el GET.jsp , 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. Haga lo siguiente para las personalizaciones de CSS:

    1. Vaya a la /apps/ws carpeta y cree una nueva carpeta con el nombre css.
    2. En el csscarpeta, cree un nuevo archivo con el nombre newStyle.css.
    3. Apertura /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. Crear una carpeta con el nombre jsat /apps/ws. Haga clic en Guardar todo.
    2. Crear una carpeta con el nombre libsat /apps/ws/js. Haga clic en Guardar todo.
    3. Crear una carpeta con el nombre jqueryuiat /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. Haga lo siguiente para las personalizaciones de HTML:

    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. Copiar /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.

    Acceso a la dirección 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.

En esta página