AEM Forms工作区自定义的常规步骤 generic-steps-for-aem-forms-workspace-customization

通过访问登录到CRXDE Lite https://'[server]:[port]'/lc/crx/de/index.jsp.

创建 sling:Folder 命名的文件夹 ws 在 /apps，如果它不存在。 创建 sling:Folder 文件夹，右键单击 apps 文件夹并选择 创建 > 创建节点. 将名称指定为 ws，选择类型 sling:Folder，然后单击 确定. 单击​ 全部保存。

浏览至 /apps/ws，然后导航到 访问控制 选项卡。

选择 存储库 选项。 在 访问控制 列表，单击 + 以添加条目。 单击 + 再来一次。

搜索并选择 PERM_WORKSPACE_USER 主体。

授予 jcr:read 主体权限。

单击​ 全部保存。

复制 GET.jsp， index、和 html.jsp 文件来自 /libs/ws 文件夹到 /apps/ws 文件夹。

复制 /libs/ws/locales 中的文件夹 /apps/ws 文件夹。 单击​ 全部保存。

更新中的参照和相对路径 GET.jsp 文件，如下所示，然后单击 全部保存.

<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />

对CSS自定义项执行以下操作：

1. 导航至 /apps/ws 文件夹并创建一个名为的文件夹 css.

2. 在 css 文件夹，创建名为的文件 newStyle.css.

3. 打开 /apps/ws/html.jsp和更改自

<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"/>

到

<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"/>

在/apps/ws/html.jsp文件中，从

<script data-main="js/main" src="js/libs/require/require.js"></script>

到

<script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>

执行以下操作：

1. 创建名为的文件夹 js 在 /apps/ws. 单击​ 全部保存。

2. 创建名为的文件夹 libs 在 /apps/ws/js. 单击​ 全部保存。

3. 复制 /libs/ws/js/libs/jqueryui 文件夹到 /apps/ws/js/libs. 单击​ 全部保存。

对HTML自定义执行以下操作：

1. 下 /apps/ws/js，创建一个名为的文件夹 runtime. 单击​ 全部保存。

2. 下 /apps/ws/js/runtime，创建一个名为的文件夹 templates. 单击​ 全部保存。

3. 复制 /libs/ws/js/main.js 到 /apps/ws/js/main.js.

4. 将/libs/ws/js/registry.js复制到 /apps/ws/js/registry.js.

单击 全部保存，清除缓存，然后刷新AEM Forms工作区。

访问URL https://'[server]:[port]'/lc/ws 并使用管理员/密码凭据登录。 浏览器将重定向到 https://'[server]:[port]'/lc/apps/ws/index.html.