主题自定义

您可以自定义HTML代码和CSS文件，以便为AEM Forms应用程序提供特定于组织的不同外观。 例如，您可以更改任务的背景颜色和高度或“起点”。 以下示例提供了更改说明：

• 显示说明代替说明
• 显示路由数
• 背景渐变颜色

步骤

1. 打开您的项目。

   • 对于iOS，在Xcode中打开Capture.xcodeproj
   • 对于Android，在Eclipse中打开Android项目。
   • 对于Windows，在Visual Studio中打开MWSWindows.sln。

2. 导航到模板文件夹。

   • 在Xcode中，导航到​Capture > www > wsmobile > js > runtime > templates​文件夹。
   • 在Eclipse中，导航到​assets > www > wsmobile > js > runtime > templates​文件夹。
   • 在Visual Studio中，导航到​MWSWindows > www > wsmobile > js > runtime > templates​文件夹。

3. 打开template.html文件进行编辑。

4. 找到以下字符串：

   <%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%>
                  <div class="description_details">
                    <%= task.description %>
                  </div>
                 <%} else
   

   将其替换为<%。

5. 在template.html文件中找到以下代码：

   <ul id="task_menu_list">
                                   <li class="approve" title="<%= task.availableCommands.directCommands[0]%>" data-routename="<%= task.availableCommands.directCommands[0]%>">
                                       <%= task.availableCommands.directCommands[0]%>
                                   </li>
                                   <li class="reject last" title="<%= task.availableCommands.directCommands[1]%>" data-routename="<%= task.availableCommands.directCommands[1]%>">
                                       <%= task.availableCommands.directCommands[1]%>
                                   </li>
   

6. 注释以下行并保存文件。

   task.availableCommands.directCommands[1]%>">
   <%= task.availableCommands.directCommands[1]%>
   </li>
   

7. 导航到css文件夹。

   • 在Xcode中，导航至​Capture > www > wsmobile > css。
   • 在Eclipse中，导航到​assets > www > wsmobile > css。
   • 在Visual Studio中，导航到​MWSWindows > www > wsmobile > css。

8. 打开_style.css文件进行编辑。

9. 对于背景图像，请将#323232更改为#fff。

10. 保存更改并关闭_style.css文件。

11. 打开AEM Forms应用程序。

    AEM Forms应用程序现在显示说明而不是描述。