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:
-
Inicie sesión en CRXDE Lite accediendo a
https://[server]:[port]/lc/crx/de/index.jsp
. -
Cree una carpeta denominada
ws
en/apps
, en el caso de que no exista. Haga clic en Guardar todo. -
Vaya a
/apps/ws
y desplácese hasta la pestaña Control de acceso. -
En la lista Control de acceso, haga clic en + para agregar una nueva 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 el
GET.jsp
yhtml.jsp
los archivos de/libs/ws
a la/apps/ws
carpeta. -
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-none <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 la carpeta
/apps/ws
y cree una nueva carpeta con el nombrecss
. - En el
css
carpeta, cree un nuevo archivo con el nombrenewStyle.css
. - Abra
/apps/ws/html
.jsp y cambie
code language-css <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-css <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 newStyle.css, como se muestra arriba. - Vaya a la carpeta
-
En el archivo /apps/ws/html.jsp, cambie
code language-css <script data-main="js/main" src="js/libs/require/require.js"></script>
a
code language-css <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. - Cree una carpeta con el nombre
jqueryui
en/apps/ws/js/libs
. Haga clic en Guardar todo. - Copie
/libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js
en/apps/ws/js/libs/jqueryui
. Haga clic en Guardar todo.
- Cree una carpeta con el nombre
-
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
.
- Cree una carpeta con el nombre
-
Haga clic en Guardar todo, borre la caché y actualice AEM Forms Workspace.
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
.