主題自訂

您可以自訂HTML程式碼和CSS檔案，為AEM Forms應用程式提供獨特的組織特定外觀和感覺。 例如，您可以變更工作或「起點」的背景顏色和高度。 以下範例提供變更的指示：

• 顯示說明以取代說明
• 顯示路由數
• 背景漸層色彩

步驟

1. 開啟您的專案。

   • 對於iOS，在Xcode中開啟Capture.xcodeproj
   • 若是Android，請在Eclipse中開啟Android專案。
   • 對於Windows，請在Visual Studio中開啟MWSWindows.sln。

2. 導覽至範本檔案夾。

   • 在Xcode中，導覽至「擷取> 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應用程式現在會顯示指示而非說明。