自定义任务详细信息页面 customizing-the-task-details-page

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

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

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

任务的JSON对象中可用的信息（中的“任务”部分） AEM Forms工作区JSON对象说明)
进程实例的JSON对象中的可用信息（中的“进程实例”部分） AEM Forms工作区JSON对象说明)

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

关注 AEM Forms工作区自定义的常规步骤。

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

此 [required块] 指可用的块，例如任务信息的任务块、进程信息的进程块和挂起任务信息的当前挂起任务块。

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

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

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>`

<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选项卡，将新信息添加到 /apps/ws/js/runtime/templates/startprocess.html.

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

recommendation-more-help

19ffd973-7af2-44d0-84b5-d547b0dffee2