Log in to CRXDE Lite by accessing http://[server]:[port]/lc/crx/de/index.jsp.
The generic steps to perform any customizations are:
-
-
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:
- Navigate to the /apps/ws folder and create a new folder named css.
- In the css folder folder, create a new file named newStyle.css.
- Open /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"/>
Note: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:
- Create a folder named js at /apps/ws. Click Save All.
- Create a folder named libs at /apps/ws/js. Click Save All.
- Create a folder named jqueryui at /apps/ws/js/libs. Click Save All.
- Copy /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:
- Under /apps/ws/js, create a folder named runtime. Click Save All.
- Under /apps/ws/js/runtime, create a folder named templates. Click Save All.
- Copy /libs/ws/js/main.js to /apps/ws/js/main.js.
- Copy /libs/ws/js/registry.js to /apps/ws/js/registry.js.
-
Click Save All, clear cache, and refresh HTML Workspace.
Access the URL http://[server]:[port]/lc/ws and log in with administrator/password credentials. The browser redirects to http://[server]:[port]/lc/apps/ws/index.html.
More like this
- Introduction to Customizing HTML Workspace
- Generic steps for HTML Workspace customization
- Managing tasks in an organizational hierarchy using Manager View
- Integrating Correspondence Management in HTML Workspace
- Single Sign On and timeout handlers
- Displaying the user avatar
- Displaying information in the Task Summary pane
- Changing the organization logo
- Changing the color scheme of the interface
- Changing the font on the interface
- Changing the locale of the user interface
- Customizing error dialogs
- Customizing tabs for a task
- Customizing Task Actions
- Customizing the listing of process instances
- Customizing the task Details page
- Displaying additional data in ToDo list
- Getting Task Variables in Summary URL
- Images for Route Actions
- Creating a new login screen
- Minification of the JavaScript files
- Sorting of Tracking tables and adding more columns
- Updating the link to the documentation
- Hosting two HTML Workspace instances on one server