nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

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

paiyyavj13

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 field name in my custom form,

Please provide you views and suggestions... Thank you...

Regards.

Find more posts tagged with

Application Development Framework

Comments

eugenio_romano

Hi @Paiyyavj13 _

did you get a look here?

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

paiyyavj13

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

paiyyavj13

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.

dharmraj

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

dvuika

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

dharmraj

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 ?

dhrn

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?

dvuika

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).

dhrn

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

dvuika

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

santolovic

please advise has this issue been solved and how?