自定义任务详细信息页面

任务详细信息页面包含有关任务及其进程的信息。 但是,您可以自定义任务详细信息页面以添加或删除信息。

您可以将以下信息添加到任务详细信息页面:

要自定义任务详细信息页面,请执行以下操作:

  1. 按照AEM Forms工作区自定义的一般步骤操作。

  2. 要显示任何其他信息,请向位于todo块> details块> app块> [ required块]的translation.json文件添加相应的键值对。

    [ required块]引用可用块,例如任务信息的任务块、进程信息的进程块以及待定任务信息的当前待定任务块。

    例如,要在任务详细信息页面中添加有关“所需路由选择”的信息,您可以在任务块中添加以下键值对:

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

    为所有支持的语言添加相应的键值对。

  3. /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>
    
  4. 打开/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工作区的​开始进程​选项卡中创建的任务自定义任务详细信息页面,请将新信息添加到/apps/ws/js/runtime/templates/startprocess.html

要为在详细信息页面中添加的信息添加新样式,请使用工作区自定义中的​用户界面更改​部分修改CSS文件。

在此页面上