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

  3. Vaya a /apps/ws y vaya a la ficha Control de acceso.

  4. En la lista Control de acceso, haga clic en + para agregar una nueva entrada. Vuelva a hacer clic en +.

  5. Busque y seleccione la entidad de seguridad PERM_WORKSPACE_USER.

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

  6. Otorgue jcr:read privilegios al director.

  7. Haga clic en Guardar todo.

  8. Copie los archivos GET.jsp y html.jspde la carpeta /libs/wsa 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 en el archivo 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. Para las personalizaciones de CSS, haga lo siguiente:

    1. Vaya a la carpeta /apps/ws y cree una nueva carpeta con el nombre css.
    2. En la carpeta css, cree un nuevo archivo con el nombre newStyle.css.
    3. Abra /apps/ws/html.jsp y cambie 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. Copie /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js en /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. 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 credenciales de administrador/contraseña. El explorador redirige a https://[server]:[port]/lc/apps/ws/index.html.

En esta 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