ドキュメントAEM 6.4Forms ガイド

タスクの詳細ページのカスタマイズ customizing-the-task-details-page

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • User
CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

タスクの詳細ページには、タスクとそのプロセスに関する情報が含まれます。 ただし、タスクの詳細ページをカスタマイズして、情報を追加または削除できます。

次の情報をタスクの詳細ページに追加できます。

タスクの詳細ページをカスタマイズするには：

  1. フォロー AEM Forms Workspace のカスタマイズの一般的な手順です。

  2. 追加の情報を表示するには、対応するキーと値のペアをtodoブロック／detailsブロック／appブロック／[ required ブロック] にある translation.json ファイルに追加してください。

    [ requiredブロック]は、タスク情報の task ブロック、プロセス情報の process ブロック、および保留中のタスク情報の currentpendingtask ブロックなど、使用可能なブロックを指します。

    たとえば、タスクの詳細ページで Route Selection Required に関する情報を追加するには、次のキーと値のペアを task ブロックに追加します。

    code language-none 
    "todo" : {
    .
    .
    .
    "details" : {
        .
        .
        "task" : {
            .
            .
            "RouteSelectionRequired" : "Route Selection Required"
        }
    }
}
    note note
    NOTE
    対応するキーと値のペアを、サポートされるすべての言語に追加します。

  3. /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>

  4. /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
a6ebf046-2b8b-4543-bd46-42a0d77792da