Los pasos genéricos para realizar cualquier personalización son:
Inicie sesión en el CRXDE Lite accediendo a https://'[server]:[port]'/lc/crx/de/index.jsp
.
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.
Vaya a /apps/ws
y vaya a la ficha Control de acceso.
Seleccione la opción Repositorio. En la lista Control de acceso, haga clic en + para agregar una nueva entrada. Vuelva a hacer clic en +.
Busque y seleccione la entidad de seguridad PERM_WORKSPACE_USER.
Otorgue jcr:read
privilegios al director.
Haga clic en Guardar todo.
Copie los archivos GET.jsp
, index
y html.jsp
de la carpeta /libs/ws
a la carpeta /apps/ws
.
Copie la carpeta /libs/ws/locales
en la carpeta /apps/ws
. Haga clic en Guardar todo.
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'" />
Para las personalizaciones de CSS, haga lo siguiente:
Vaya a la carpeta /apps/ws
y cree una nueva carpeta con el nombre css
.
En la carpeta css
, cree un nuevo archivo con el nombre newStyle.css
.
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"/>
Coloque la entrada del archivo CSS definido por el usuario después de la entrada de style.css, como se muestra arriba.
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>
Haga lo siguiente:
Cree una carpeta con el nombre js
en /apps/ws
. Haga clic en Guardar todo.
Cree una carpeta con el nombre libs
en /apps/ws/js
. Haga clic en Guardar todo.
Copie la carpeta /libs/ws/js/libs/jqueryui
en /apps/ws/js/libs
. Haga clic en Guardar todo.
Para las personalizaciones de HTML, haga lo siguiente:
En /apps/ws/js
, cree una carpeta con el nombre runtime
. Haga clic en Guardar todo.
En /apps/ws/js/runtime
, cree una carpeta con el nombre templates
. Haga clic en Guardar todo.
Copie /libs/ws/js/main.js
en /apps/ws/js/main.js
.
Copie /libs/ws/js/registry.js en /apps/ws/js/registry.js
.
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
.