自定义任务详细信息页面

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

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

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

  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文件。

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now