文档AEM 6.5用户指南

主题自定义 theme-customization

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • 用户
  • 开发人员

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

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

步骤 steps

  1. 打开您的项目。

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

  2. 导航到templates文件夹。

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

  3. 打开 template.html 文件以供编辑。

  4. 找到以下字符串：

    code language-jsp 
    <%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文件中找到以下代码：

    code language-jsp 
    <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. 注释以下行并保存文件。

    code language-jsp 
    task.availableCommands.directCommands[1]%>">
<%= task.availableCommands.directCommands[1]%>
</li>

  7. 导航到css文件夹。

    • 在Xcode中，导航到​ 捕获> www > wsmobile > css。
    • 在Eclipse中，导航到​ 资产> www > wsmobile > css。
    • 在Visual Studio中，导航到​ MWSWindows > www > wsmobile > css。

  8. 打开 _style.css 文件以供编辑。

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

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

  11. 打开AEM Forms应用程序。

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2