您可以自訂HTML程式碼和CSS檔案,為AEM Forms應用程式提供獨特的組織專屬外觀和風格。 例如,您可以更改任務或起始點的背景顏色和高度。 下列範例提供變更的指示:
開啟您的專案。
Capture.xcodeproj
在Xcode中MWSWindows.sln
在Visual Studio。導覽至範本資料夾。
開啟 template.html
檔案進行編輯。
找出下列字串:
<%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%>
<div class="description_details">
<%= task.description %>
</div>
<%} else
替換為 <%
.
在 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>
對下一行加上註解並儲存檔案。
task.availableCommands.directCommands[1]%>">
<%= task.availableCommands.directCommands[1]%>
</li>
導覽至CSS資料夾。
開啟 _style.css
檔案進行編輯。
若為背景影像,請變更 #323232
to #fff
.
儲存變更並關閉 _style.css
檔案。
開啟AEM Forms應用程式。
AEM Forms應用程式現在會顯示指示,而非說明。