自訂路由動作中使用的影像 customize-images-used-in-route-actions
若要自訂路由動作中使用的影像,請執行自訂的一般步驟中所述的步驟,接著執行本文中所述的步驟。
路由動作的影像 images-for-route-actions
-
針對新的繞線動作,在CSS的下列位置加入定義影像的樣式:
/apps/ws/css/newStyle.css
例如:新增名為
myStyle1
的新樣式,如下所示,並使用WebDAV使用者端將影像檔案myStyleIcon1.png
上傳至/apps/ws/image
的資料夾。note note NOTE 如需詳細資訊,請參閱WebDAV存取。 note note NOTE 偏好使用與繞線動作名稱相同的樣式名稱。 code language-css .myStyle1{ background-image: url('../images/myStyleIcon1.png'); }
工作清單工作動作快顯功能表 task-list-task-action-popup
-
建立工作清單動作快顯功能表,請參閱建立AEM Forms工作區程式碼。 它需要使用開發套件。
-
將
/libs/ws/js/runtime/templates/task.html
複製到/apps/ws/js/runtime/templates/task.html
。 -
如果CSS樣式的名稱與來自伺服器的路由動作名稱相同,請在
/apps/ws/js/runtime/templates/task.html
中修改下列程式碼:code language-jsp <%if(routeList == null){%> <li> <a href="javascript:void(0);" title="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0])%>" value="<%= availableCommands.directCommands[0]%>" data-action="route"><%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0])%></a> </li> <%}else{%> <%for(var i = 0; i<availableCommands.directCommands.length; i++){%> <li> <a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"><%= availableCommands.directCommands[i]%></a> </li> <%}%> <%}%> To <%if(routeList == null){%> <li class="<%= availableCommands.directCommands[0]%>" alt="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0]+'.value')%>"> <a href="javascript:void(0);" title="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0])%>" value="<%= availableCommands.directCommands[0]%>" data-action="route"><%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0])%></a> </li> <%}else{%> <%for(var i = 0; i<availableCommands.directCommands.length; i++){%> <li class="<%= availableCommands.directCommands[i]%>" alt="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[i]+'.value')%>"> <a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"><%= availableCommands.directCommands[i]%></a> </li> <%}%> <%}%>
-
如果CSS樣式的名稱與來自伺服器的路由動作名稱不同,請在
/apps/ws/js/runtime/templates/task.html
中修改下列程式碼。 它會新增if-else
servlet條件的棧疊,以對應具有路由動作名稱的樣式。
<%if(routeList == null){%>
<li>
<a href="javascript:void(0);" title="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0])%>" value="<%= availableCommands.directCommands[0]%>" data-action="route"><%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0])%></a>
</li>
<%}else{%>
<%for(var i = 0; i<availableCommands.directCommands.length; i++){%>
<li>
<a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"><%= availableCommands.directCommands[i]%></a>
</li>
<%}%>
<%}%>
To
<%if(routeList == null){%>
<li class="<%= availableCommands.directCommands[0]%>" alt="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0]+'.value')%>">
<a href="javascript:void(0);" title="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0])%>" value="<%= availableCommands.directCommands[0]%>" data-action="route"><%= $.t('taskaction.directcommand.'+availableCommands.directCommands[0])%></a>
</li>
<%}else{%>
<%for(var i = 0; i<availableCommands.directCommands.length; i++){%>
<%if(availableCommands.directCommands[i].equals("myAction1")){%>
<li class="myStyle1" alt="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[i]+'.value')%>">
<a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"><%= availableCommands.directCommands[i]%></a>
</li>
<%}else if(availableCommands.directCommands[i].equals("myAction2")){%>
<li class="myStyle2" alt="<%= $.t('taskaction.directcommand.'+availableCommands.directCommands[i]+'.value')%>">
<a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"><%= availableCommands.directCommands[i]%></a>
</li>
<%}%>
<%}%>
<%}%>
工作詳細資料工作動作快顯功能表 task-details-task-action-popup
-
將
/libs/ws/js/runtime/templates/taskdetails.html
複製到/apps/ws/js/runtime/templates/taskdetails.html
。 -
如果CSS樣式的名稱與來自伺服器的路由動作名稱相同,請在
/apps/ws/js/runtime/templates/taskdetails.html
中修改下列程式碼:code language-jsp <%for (var i = 0; i < availableCommands.directCommands.length; i++) {%> <li class="routeAction"> <a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"><%= availableCommands.directCommands[i]%></a> </li> <%}%> To <%for (var i = 0; i < availableCommands.directCommands.length; i++) {%> <li class="routeAction"> <a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"> <i class="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"/> </a> </li> <%}%>
-
如果CSS樣式的名稱與來自伺服器的路由動作名稱不同,請在
/apps/ws/js/runtime/templates/taskdetails.html
中修改下列程式碼。 它會新增一個if-else
個servlet條件的棧疊,以對應具有路由動作名稱的樣式。code language-jsp <%for (var i = 0; i < availableCommands.directCommands.length; i++) {%> <li class="routeAction"> <a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"><%= availableCommands.directCommands[i]%></a> </li> <%}%> To <%for (var i = 0; i < availableCommands.directCommands.length; i++) {%> <%if(availableCommands.directCommands[i].equals("myAction1")){%> <li class="routeAction"> <a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"> <i class="myStyle1" value="<%= availableCommands.directCommands[i]%>" data-action="route"/> </a> </li> <%}else if(availableCommands.directCommands[i].equals("myAction2")){%> <li class="routeAction"> <a href="javascript:void(0);" title="<%= availableCommands.directCommands[i]%>" value="<%= availableCommands.directCommands[i]%>" data-action="route"> <i class="myStyle2" value="<%= availableCommands.directCommands[i]%>" data-action="route"/> </a> </li> <%}%> <%}%>
-
開啟
/apps/ws/js/registry.js
進行編輯,並尋找下列文字:"text!/lc/libs/ws/js/runtime/templates/taskdetails.html"
-
將文字取代為下列內容:
"text!/lc/apps/ws/js/runtime/templates/taskdetails.html"