topic Re: How to display custom Stencil forms in Process Tasks within ADF application? in Alfresco Forum

How to display custom Stencil forms in Process Tasks within ADF application?

paiyyavj13 — Thu, 13 Apr 2017 10:29:59 GMT

hi,I have used the demo app that comes with ADF and have made the demo app talk my Alfresco Processes Services application.I am able to start my application, but one of my task forms has a custom Stencil component which needs to be displayed.I get the below error, where "multiple_departments" is the

Re: How to display custom Stencil forms in Process Tasks within ADF application?

eugenio_romano — Thu, 13 Apr 2017 13:29:27 GMT

Hi @Paiyyavj13 _

did you get a look here?

alfresco-ng2-components/stencils.md at master · Alfresco/alfresco-ng2-components · GitHub

Re: How to display custom Stencil forms in Process Tasks within ADF application?

paiyyavj13 — Thu, 13 Apr 2017 13:35:04 GMT

Thank you Eugenio... Looks like this should work... Let me try it out....

Re: How to display custom Stencil forms in Process Tasks within ADF application?

paiyyavj13 — Mon, 17 Apr 2017 21:53:54 GMT

Hi Eugenio,

I tried the steps:

I added the below on my demo-app/index.html file:

<!-- Stencils integration --><script src="node_modules/ng2-activiti-form/stencils/runtime.ng1.js"></script> <script src="node_modules/ng2-activiti-form/stencils/runtime.adf.js"></script> <script src="http://localhost:8080/activiti-app/app/rest/script-files/controllers"></script>

I do not believe I need to restart my app- but just to be safe I restarted it, but this did not solve the issue. My custom Stencil is not visible yet, gives the same result as in the screenshot.

Do I need to write any TypeScript code? to make my custom js Controller work? If so, could you let me know where I should write this code? which file?

Please advise... Thank you...

Regards.

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dharmraj — Fri, 20 Oct 2017 11:20:53 GMT

this one is replacing custom stencil template .But i want same stencil in UI

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dvuika — Fri, 20 Oct 2017 11:30:58 GMT

You don't need declaring those extra javascript files. It is not possible to render Angular 1 stencils with ADF, you will have to create Angular components and register them as in the following documentation: https://github.com/Alfresco/alfresco-ng2-components/blob/master/ng2-components/ng2-activiti-form/docs/extensibility.md

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dharmraj — Fri, 20 Oct 2017 11:45:26 GMT

In this example its replacing stencil template with new template whatever i have defined in custom-editor.component.ts .But I don't want to replace template . what i have to do ?

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dvuika — Fri, 20 Oct 2017 12:37:58 GMT

The first article is not for using your old stencils with ADF, it's for writing the Angular 2+ templates there, and also storing transpiled Typescript code as part of the controllers and APS database. It is not going to work with anything you created for Angular 1. So I suggest digging the custom components written in Angular instead.

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dharmraj — Fri, 20 Oct 2017 13:31:01 GMT

Can I use Imports in

@NgModule({     declarations: [ CustomStencil01 ],     exports: [ CustomStencil01 ],     entryComponents: [ CustomStencil01 ] })export class CustomEditorsModule {}
I want use  alfresco-datatable component in template

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dvuika — Fri, 20 Oct 2017 13:35:21 GMT

You can use any HTML or Angular component as part of the stencil. In fact, ADF stencil IS an Angular component. You can see examples here: alfresco-ng2-components/custom-editor.component.ts at master · Alfresco/alfresco-ng2-components · GitHub

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dhrn — Fri, 01 Dec 2017 10:29:04 GMT

eugenio romano‌ Denys Vuika‌

i am getting this error in adf - 2.0

ContainerWidgetComponent.html:17 ERROR ReferenceError: adf is not defined
at FormFieldComponent.hasController (adf-core.umd.js:17579)
at FormFieldComponent.ngOnInit (adf-core.umd.js:17529)
at checkAndUpdateDirectiveInline (core.js:12094)
at checkAndUpdateNodeInline (core.js:13597)
at checkAndUpdateNode (core.js:13540)
at debugCheckAndUpdateNode (core.js:14412)
at debugCheckDirectivesFn (core.js:14353)
at Object.eval [as updateDirectives] (ContainerWidgetComponent.html:17)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:14338)
at checkAndUpdateView (core.js:13507)

i am confused now with these tutorials
https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/stencils.md
https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/extensibility.md
which documentation i have to follow?. please give me the correct documentation for this.

<script src="node_modules/ng2-activiti-form/stencils/runtime.ng1.js"></script> 
<script src="node_modules/ng2-activiti-form/stencils/runtime.adf.js"></script>

these lines are deprecated now but still it is there in documentation.

if (adf) {     adf.registerComponent('ng2_component_01', SampleClass1); }
 where i have to add?

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dvuika — Fri, 01 Dec 2017 10:54:08 GMT

You need only alfresco-ng2-components/extensibility.md at master · Alfresco/alfresco-ng2-components · GitHub The stencil you are trying to map "must not" have any controllers attached (neither AngularJS nor Angular).

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dhrn — Mon, 04 Dec 2017 15:09:33 GMT

thanks Denys Vuika‌ ‌ i have removed angular 1 controller in APS, so it is working in ADF. But now In APS it is not working. suggest a solution for this problem.
version:
APS : 1.6.4

Re: How to display custom Stencil forms in Process Tasks within ADF application?

dvuika — Tue, 05 Dec 2017 19:17:00 GMT

We will fix the issue with APS controllers, so that you can still use them in both UIs

Re: How to display custom Stencil forms in Process Tasks within ADF application?

santolovic — Mon, 07 Oct 2019 06:43:25 GMT

please advise has this issue been solved and how?