The generic steps to perform any customizations are:
Log in to CRXDE Lite by accessing https://[server]:[port]/lc/crx/de/index.jsp
.
Create a folder named ws
at /apps
, if it does not exist. Click Save All.
Browse to /apps/ws
, and navigate to the Access Control tab.
In the Access Control list, click + to add a new entry. Click + again.
Search and select the PERM_WORKSPACE_USER Principal.
Give jcr:read
privilege to the Principal.
Click Save All.
Copy the GET.jsp
and html.jsp
files from the /libs/ws
folder to the /apps/ws
folder.
Copy the /libs/ws/locales
folder in the /apps/ws
folder. Click Save All.
Update the references and relative paths in the GET.jsp
file, as shown below, and click Save all.
<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
Do the following for CSS customizations:
/apps/ws
folder and create a new folder named css
.css
folder folder, create a new file named newStyle.css
./apps/ws/html
.jsp and change from<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"/>
to
<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"/>
Place the entry of the user-defined CSS file after the entry of newStyle.css, as shown above.
In the /apps/ws/html.jsp file, change from
<script data-main="js/main" src="js/libs/require/require.js"></script>
to
<script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
Do the following:
js
at /apps/ws
. Click Save All.libs
at /apps/ws/js
. Click Save All.jqueryui
at /apps/ws/js/libs
. Click Save All./libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js
to /apps/ws/js/libs/jqueryui
. Click Save All.Do the following for HTML customizations:
/apps/ws/js
, create a folder named runtime
. Click Save All./apps/ws/js/runtime
, create a folder named templates
. Click Save All./libs/ws/js/main.js
to /apps/ws/js/main.js
./apps/ws/js/registry.js
.Click Save All, clear cache, and refresh AEM Forms workspace.
Access the URL https://[server]:[port]/lc/ws
and log in with administrator/password credentials. The browser redirects to https://[server]:[port]/lc/apps/ws/index.html
.