Call Us India :- +91 9099002975       US :- +1 (732) 927-5544       Email us :
Call Us India :- +91 9099002975
US :- +1 (732) 927-5544
Email us :


Jan 23

Running Alfresco AngularJS Application (0.5.1) without Activiti Explorer

This BLOG is explaining what all changes you need to make to start Alfresco AngularJS client without Activiti explorer.

Make sure that you are using the latest version of alfresco-community(5.2.a).
If you are using an older version, you need to enable CORS manually for alfresco AngularJS application to connect to your Alfresco repository.

This BLOG assumes that you have already generated AngularJS application by referring below links: (for prerequisites) and (for alfresco AngularJS application generation).

Related Blog: How to Integrate Ephesoft and Alfresco

You only want to use it as an ECM without installing Activiti. In order to achieve this follow the below steps:

1.  Find a file files.component.ts on a path ./app/components/files.
2.  Edit that file and replace the code of that file with the code given below :

import { Component, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
import { 
} from 'ng2-alfresco-documentlist';
 import { FormService } from 'ng2-activiti-form';
 declare let __moduleName: string;
 moduleId: __moduleName,
 selector: 'files-component',
 templateUrl: './files.component.html',
 styleUrls: ['./files.component.css'] 
 export class FilesComponent {
 currentPath: string = '/Sites/swsdp/documentLibrary';
 fileNodeId: any; 
 fileShowed: boolean = false;
 multipleFileUpload: boolean = false;
 folderUpload: boolean = false;
 acceptedFilesTypeShow: boolean = false;
 versioning: boolean = false;
 acceptedFilesType: string = '.jpg,.pdf,.js';
 documentList: DocumentList;
 constructor(private documentActions: DocumentActionsService,
 private formService: FormService,
 private router: Router) { 
 documentActions.setHandler('my-handler', this.myDocumentActionHandler.bind(this));
 myDocumentActionHandler(obj: any) { 
 window.alert('my custom action handler');
 myCustomAction1(event) { 
 alert('Custom document action for ' +;
 myFolderAction1(event) { 
 alert('Custom folder action for ' +;
 showFile(event) { 
 if (event.value.entry.isFile) { 
 this.fileNodeId =;
 this.fileShowed = true; } 
 else { 
 this.fileShowed = false;
 onFolderChanged(event?: any) { 
 if (event) { 
 this.currentPath = event.path;
 toggleMultipleFileUpload() { 
 this.multipleFileUpload = !this.multipleFileUpload;
 return this.multipleFileUpload;
 toggleFolder() { 
 this.multipleFileUpload = false;
 this.folderUpload = !this.folderUpload; return this.folderUpload;
 toggleAcceptedFilesType() {
 this.acceptedFilesTypeShow = !this.acceptedFilesTypeShow;
 return this.acceptedFilesTypeShow;
 toggleVersioning() { 
 this.versioning = !this.versioning; return this.versioning;
 viewActivitiForm(event?: any) { 

3.  Rebuild the project using the command “npm run build” from a command prompt.
4.  And start the app using “npm start command”.

In the login page, do not forget to disable the BPM toggle button.
Open URL.
Give appropriate credentials.

In case you are facing an issue, please feel free to comment on this BLOG and we will reply you at the earliest moment. Contact us Good luck!


About The Author

Shubham is an Alfresco developer at ContCentric with Alfresco Certified Engineer (ACE501) certification under his belt. His interest lies in exploring Alfresco add-on features and integrating in the application, besides the involvement in Alfresco Share and Activiti project development.

Leave a reply

Your email address will not be published. Required fields are marked *