Adding a external UI like (Angular js UI )in Process Model in Activiti is possible

[thamilarasi]

In our application we have to render our own UI when running the process model instead of kickstartform , our own UI (example Angular js) should be rendered. Is it achievable ?

Please do the needful

[jbarrez]

Sure, that's achievable. You'd need to set the formKey on a user task and then link that formKey to your own UI,
Make sure that the values of the form are passed as process variables when completing the task.

[narranil2]

Do you have any sample for the same on how to link that form key in the UI?

[jainmoheet]

Even i am interested in the same as i need to see how we can read the variables from activiti service using rest api and setting the same in the Angularjs form.

[narranil2]

Is there any sample that we can use as reference to use the external UI built with Angular in Activiti BPM and invoke the business process.

[cjose]

Hi,

The UI module in Activiti V6 is the best you can use as a sample. Please check https://github.com/Activiti/Activiti/tree/activiti6
If you have a valid enterprise licence, you can request to view the enterprise version's source which will also serve as an example to develop your own custom UI.

If you are planning on developing your own custom UI, it will be worth having a look at the new Alfresco Application Development Framework which will help you to quickly develop your custom UI. Please see the following for more details

https://community.alfresco.com/community/application-development-framework/blog
https://github.com/Alfresco/alfresco-ng2-components
https://gitter.im/Alfresco/alfresco-ng2-components

Lemme know if I can be of any help in this process.

Regards,
Ciju