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

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

タスクの詳細ページをカスタマイズするには:
  1. 追加の情報を表示するには、対応するキーと値のペアを、 todo block > details block > app block > [必須ブロック] にある translation.json ファイルに追加します。

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

    たとえば、タスクの詳細ページに必要なルート選択に関する情報を追加するには、以下のキーと値のペアを task ブロックに追加することができます。

    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }

    注意:

    対応するキーと値のペアをすべてのサポートされている言語に追加します。

  2. /libs/ws/js/runtime/templates/taskdetails.html/apps/ws/js/runtime/templates/taskdetails.html にコピーします。

    新しい情報を /apps/ws/js/runtime/templates/taskdetails.html に追加します。 以下に例を挙げます。

    <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>
  3. /apps/ws/js/registry.js を開いて編集します。

    text!/lc/libs/ws/js/runtime/templates/taskdetails.htmlを検索して text!/lc/apps/ws/js/runtime/templates/taskdetails.html に置き換えます。

注意:

AEM Forms Workspace の「開始プロセス」タブに作成されたタスクでタスクの詳細ページをカスタマイズするには、新しい情報を /apps/ws/js/runtime/templates/startprocess.html に追加します。

詳細ページに追加された情報に新しいスタイルを追加するには、Workspace のカスタマイズにある「ユーザーインターフェイスの変更」セクションを使用して CSS ファイルを変更します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー