Hello.
Alvex file named alvex-task-page.xml overrides and alfresco file. I added the Alfresco component on the alvex file and then called it on a template with is also pasted below. Please see the 2 files pasted below
I changed the folowing files as follows:
1. Alvex-task-page.xml
<code>
<?xml version='1.0' encoding='UTF-8'?>
<page>
<title>Task Edit</title>
<title-id>page.taskEdit.title</title-id>
<description>Page for editing task details</description>
<description-id>page.taskEdit.description</description-id>
<template-instance>alvex-task-page</template-instance>
<authentication>user</authentication>
<components>
<!– Toolbar –>
<component>
<region-id>task-toolbar</region-id>
<url>/components/alvex/task-toolbar</url>
</component>
<!– Data Header –>
<component>
<region-id>task-header</region-id>
<url>/components/alvex/task-header</url>
</component>
<!– Data Form –>
<component>
<region-id>task-form</region-id>
<url>/components/alvex/task-form</url>
<properties>
<itemKind>task</itemKind>
<taskId>{taskId}</taskId>
<workflowId>{workflowId}</workflowId>
<mode>edit</mode>
<formUI>true</formUI>
<submitType>json</submitType>
<showCaption>true</showCaption>
<showCancelButton>true</showCancelButton>
</properties>
</component>
<!– Mduduzi Phakathi: SITA Transversal Solutions, Stratum Consulting, Pretoria, South Africa Extension –>
<!– Data Form –>
<component>
<region-id>data-form</region-id>
<url>/components/form</url>
<properties>
<itemKind>task</itemKind>
<itemId>{taskId}</itemId>
<mode>edit</mode>
<formUI>true</formUI>
<submitType>json</submitType>
<showCaption>true</showCaption>
<showCancelButton>true</showCancelButton>
<err>workflow.task.error</err>
</properties>
</component>
<!– End Of Extension–>
<!– Projects –>
<component>
<region-id>task-projects</region-id>
<url>/components/alvex/task-projects</url>
</component>
<!– Relations –>
<component>
<region-id>task-relations</region-id>
<url>/components/alvex/task-relations</url>
</component>
<!– Activities –>
<component>
<region-id>task-activities</region-id>
<url>/components/alvex/task-activities</url>
</component>
<!– Dates –>
<component>
<region-id>task-dates</region-id>
<url>/components/alvex/task-dates</url>
</component>
<!– Participants –>
<component>
<region-id>task-participants</region-id>
<url>/components/alvex/task-participants</url>
</component>
<!– Data Loader –>
<component>
<region-id>task-data-loader</region-id>
<url>/components/data/data-loader</url>
<properties>
<url>api/task-instances/{taskId}?detailed=true</url>
<eventName>taskDetailedData</eventName>
<eventData>data</eventData>
</properties>
</component>
<component>
<region-id>workflow-data-loader</region-id>
<url>/components/data/data-loader</url>
<properties>
<url>api/workflow-instances/{workflowId}?includeTasks=true</url>
<eventName>workflowDetailedData</eventName>
<eventData>data</eventData>
</properties>
</component>
</components>
</page>
</code>
2. Alvex-task-page.ftl
<code>
<#include "/org/alfresco/include/alfresco-template.ftl" />
<#include "/alvex-meta.lib.ftl" />
<@templateHeader />
<@templateBody>
<@markup id="alf-hd">
<div id="alf-hd">
<#if useNewUI >
<@region id="share-header" scope="global" chromeless="true"/>
<#else>
<@region id="header" scope="global"/>
<@region id="title" scope="template"/>
</#if>
</div>
</@>
<@markup id="bd">
<div id="bd">
<@region id="task-toolbar" style="width: 850px; float: left;" scope="page" />
<div class="share-form" style="width: 850px; float: left;">
<@region id="task-header" scope="page" />
<@region id="data-form" scope="page" />
<@region id="task-relations" scope="page" />
<@region id="task-activities" scope="page" />
</div>
<div class="share-form-column" style="float: left;">
<@region id="task-dates" scope="page" />
<@region id="task-projects" scope="page" />
<@region id="task-participants" scope="page" />
<@region id="task-share" scope="page" />
</div>
</div>
</@>
</@>
<@templateFooter>
<@markup id="alf-ft">
<div id="alf-ft">
<@region id="footer" scope="global"/>
<@region id="task-data-loader" scope="page" />
<@region id="workflow-data-loader" scope="page" />
</div>
</@>
</@>
</code>
Hope this helps!
kind regards