Show Menu
TEMAS×

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 CRXDE Lite accediendo https://'[server]:[port]'/lc/crx/de/index.jsp .
  2. Cree una carpeta denominada ws at /apps , si no existe. Haga clic en Guardar todo .
  3. Vaya a /apps/ws la 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.jsp y de la /libs/ws carpeta 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 css carpetas, 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"/>
    
    
    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 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. Cree una carpeta con el nombre jqueryui en /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 de 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 .