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.

Activiti Custom GUI creation

raju0804

Dear Team,

We have requirement to manage workflow in our application with few Roles. We have decided to use Activiti Community version .

We have learned Following aspects in Activiti,

Creating workflow with Timer event, mail event, user task and script task .

We want to know , How we can do custom GUI in Activiti community edition ?

1. We want to display Dashboard (Kind of Grid as shown below) for each roles once they login to the application

and have to create following GUI using Angular JS

Thanks in Advance.

Note : I have attached the same pictures as attachment here.

Regards,

Raju M.

Sample_Screen.docx

Find more posts tagged with

Alfresco Process Services

Comments

ryandawson

I guess you mean Activiti Community Edition v6 and AngularJS v1.x. You have various options for your project and it's a question of what's best for you. You could write the UI yourself as an Angular app and call the Activiti REST APIs as needed. Or you could look at the kickstart app that comes with v6 and see whether the forms feature suits your needs. Another possibility is to use the codebase of the kickstart app as a starting-point and customise parts it to fit your application. If you were interested in using Angular2 then you could consider building a UI using the Alfresco Application Development Framework but that's currently centred around the enterprise edition and it seems you're more interested in Community. Alternatively the form stencil feature in enterprise (https://community.alfresco.com/community/bpm/blog/2016/08/31/form-stencils-101 ) could be of interest but it sounds like it your preference is for community.

raju0804

Ryan Dawson‌

Thanks for the update

kindly answer for this below questions

1.) You could write the UI yourself as an Angular app and call the Activiti REST APIs as needed ?

Ans : Using REST API we can call our service and fetch the data from database but my question is how to presents our data into UI since there is no option to customize the form properties.

2) kickstart app that comes with v6 and see whether the forms feature suits your needs ?

Ans : we have dont sufficient time to customize the kickstart app designer

Thanks in Advance.

Regards,

Raju.M

ryandawson

If you go down the route of using the REST API then you don't have to work with the kickstart app at all. You can just run a spring boot app that contains the REST API dependency (see Getting started with Activiti and Spring Boot ). So then you're free to create whatever UI you please without worrying about forms. Alternatively you could create a spring boot app that exposes rest endpoints for each of the actions for which your UI needs to call the backend and implement those REST endpoints using the Activiti java API that you get access to with the spring boot starter.