主题自定义

您可以自定义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中,导航到​捕获> 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应用程序现在显示说明而非说明。

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now