Pasos genéricos para la personalización de AEM Forms Workspace generic-steps-for-aem-forms-workspace-customization
Los pasos genéricos para realizar cualquier personalización son los siguientes:
-
Inicie sesión en CRXDE Lite accediendo a
https://'[server]:[port]'/lc/crx/de/index.jsp
. -
Crear un
sling:Folder
carpeta con el nombrews
en/apps
, si no existe. Para crear una carpetasling:Folder
, haga clic con el botón derecho en la carpetaapps
y seleccione Crear > Crear nodo. Especifique el nombre comows
, seleccione el tipo comosling:Folder
y haga clic en OK. Haga clic en Guardar todo. -
Vaya a
/apps/ws
y desplácese hasta la pestaña Control de acceso. -
Seleccione la opción Repositorio. En el Control de acceso , haga clic en + para añadir una entrada. Vuelva a hacer clic en +.
-
Busque y seleccione el principal PERM_WORKSPACE_USER.
.
-
Otorgue el privilegio
jcr:read
al principal. -
Haga clic en Guardar todo.
-
Copie los archivos
GET.jsp
,index
yhtml.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 del archivo
GET.jsp
, como se muestra a continuación, y haga clic en Guardar todo.code language-javascript <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
-
Siga los siguientes pasos para llevar a cabo las personalizaciones de CSS:
-
Vaya a
/apps/ws
y cree una carpeta denominadacss
. -
En el
css
carpeta, cree un archivo con el nombrenewStyle.css
. -
Abra
/apps/ws/html
.jsp y cambie
code language-javascript <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"/>
a
code language-javascript <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"/>
note note NOTE 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
code language-jsp <script data-main="js/main" src="js/libs/require/require.js"></script>
a
code language-jsp <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
a/apps/ws/js/libs
. Haga clic en Guardar todo.
-
-
Siga los siguientes pasos para llevar a cabo las personalizaciones de HTML:
-
Cree una carpeta con el nombre
runtime
en/apps/ws/js
. Haga clic en Guardar todo. -
Cree una carpeta con el nombre
templates
en/apps/ws/js/runtime
. 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
.
-
-
Clic 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 las credenciales de administrador/contraseña. El explorador le redirigirá ahttps://'[server]:[port]'/lc/apps/ws/index.html
.