タスクの詳細ページのカスタマイズ customizing-the-task-details-page
タスクの詳細ページには、タスクとそのプロセスに関する情報が含まれます。 ただし、タスクの詳細ページをカスタマイズして、情報を追加または削除できます。
次の情報をタスクの詳細ページに追加できます。
- タスクの JSON オブジェクトで使用できる情報 ( AEM Forms Workspace JSON オブジェクトの説明)
- プロセスインスタンスの JSON オブジェクトに含まれる情報 ( AEM Forms Workspace JSON オブジェクトの説明)
タスクの詳細ページをカスタマイズするには:
-
追加情報を表示するには、対応するキーと値のペアを
translation.json
~にファイルを送るtodo
ブロック >details
ブロック >app
ブロック > [required
ブロック].The [
required
ブロック] は、タスク情報のタスクブロック、プロセス情報のプロセスブロック、保留中のタスク情報の現在の保留中のタスクブロックなど、使用可能なブロックを指します。たとえば、タスクの詳細ページで Route Selection Required に関する情報を追加するには、次のキーと値のペアを task ブロックに追加します。
code language-json "todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }
note note NOTE 対応するキーと値のペアを、サポートされるすべての言語に追加します。 -
/libs/ws/js/runtime/templates/taskdetails.html
を/apps/ws/js/runtime/templates/taskdetails.html
にコピーします。新しい情報を
/apps/ws/js/runtime/templates/taskdetails.html
に追加します。次は例です。code language-css <div class="detailsContainer"> . . <ul> . . <li> <label for="routeSelectionRequired" title="<%= $.t('todo.details.task.RouteSelectionRequired')%>"><%= $.t('todo.details.task.RouteSelectionRequired')%></label> <div> <span id="routeSelectionRequired"><%= isRouteSelectionRequired != null ? isRouteSelectionRequired : ''%></span> </div> </li> . . </ul> </div>
-
/apps/ws/js/registry.js を開いて編集します。
text!/lc/libs/ws/js/runtime/templates/taskdetails.html
を検索してtext!/lc/apps/ws/js/runtime/templates/taskdetails.html
で置き換えます。
NOTE
タスクの詳細ページを AEM Forms Workspace の「プロセスの開始」タブで作成したタスクでカスタマイズするには、新しい情報を
/apps/ws/js/runtime/templates/startprocess.html
に追加します。詳細ページで追加した情報に新しいスタイルを追加するには、ワークスペースのカスタマイズにある ユーザーインターフェイスの変更 セクションを使用して CSS ファイルを変更してください。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2