diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-checklist.component.html b/ng2-components/ng2-activiti-tasklist/src/components/activiti-checklist.component.html
index 7cc63454db..1f74274e2b 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-checklist.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-checklist.component.html
@@ -1,7 +1,7 @@
 <span class="activiti-label mdl-badge" id="checklist-label"
       [attr.data-badge]="checklist?.length">{{ 'TASK_DETAILS.LABELS.CHECKLIST' | translate }}</span>
-<div id="addChecklist" (click)="showDialog()" id="add-checklist" class="icon material-icons">add</div>
-<div class="mdl-tooltip" for="add-checklist">
+<div *ngIf="!readOnly" id="addChecklist" (click)="showDialog()" id="add-checklist" class="icon material-icons">add</div>
+<div *ngIf="!readOnly" class="mdl-tooltip" for="add-checklist">
     Add a checklist
 </div>
 <div class="menu-container" *ngIf="checklist?.length > 0">
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-checklist.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/activiti-checklist.component.ts
index 35894db685..fd8574a92f 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-checklist.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-checklist.component.ts
@@ -33,6 +33,9 @@ export class ActivitiChecklist implements OnInit, OnChanges {
     @Input()
     taskId: string;
 
+    @Input()
+    readOnly: boolean = false;
+
     @ViewChild('dialog')
     dialog: any;
 
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.html b/ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.html
index 50fb144e73..26d71179d4 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.html
@@ -1,7 +1,7 @@
 <span class="activiti-label mdl-badge"
       [attr.data-badge]="comments?.length">{{ 'TASK_DETAILS.LABELS.COMMENTS' |translate }}</span>
-<div id="addComment" (click)="showDialog()" class="icon material-icons">add</div>
-<div class="mdl-tooltip" for="addComment">
+<div *ngIf="!readOnly" id="addComment" (click)="showDialog()" class="icon material-icons">add</div>
+<div *ngIf="!readOnly" class="mdl-tooltip" for="addComment">
     Add a comment
 </div>
 
@@ -32,4 +32,4 @@
         <button type="button" (click)="add()" class="mdl-button">Add Comment</button>
         <button type="button" (click)="cancel()" class="mdl-button close">Cancel</button>
     </div>
-</dialog>
\ No newline at end of file
+</dialog>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.ts
index a2be327c5b..10f5a7b1a4 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-comments.component.ts
@@ -33,6 +33,9 @@ export class ActivitiComments implements OnInit, OnChanges {
     @Input()
     taskId: string;
 
+    @Input()
+    readOnly: boolean = false;
+
     @ViewChild('dialog')
     dialog: any;
 
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-people.component.html b/ng2-components/ng2-activiti-tasklist/src/components/activiti-people.component.html
index 4104152578..ee8e956297 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-people.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-people.component.html
@@ -1,7 +1,7 @@
 <span class="activiti-label mdl-badge" id="people-title"
       [attr.data-badge]="people?.length">{{ 'TASK_DETAILS.LABELS.PEOPLE' | translate }}</span>
-<div id="addPeople" (click)="showDialog()" class="icon material-icons">add</div>
-<div class="mdl-tooltip" data-mdl-for="addPeople">
+<div *ngIf="!readOnly" id="addPeople" (click)="showDialog()" class="icon material-icons">add</div>
+<div *ngIf="!readOnly" class="mdl-tooltip" data-mdl-for="addPeople">
     Add a person
 </div>
 <div class="menu-container" *ngIf="people?.length > 0">
@@ -11,8 +11,9 @@
                 <i class="material-icons mdl-list__item-icon">face</i>
                 <span id="user-{{user.id}}">{{user.firstName}} {{user.lastName}}</span>
             </span>
-            <a class="mdl-list__item-secondary-action">
-                <i id="remove" class="material-icons" (click)="removeInvolvedUser(user)">delete</i>
+            <a *ngIf="!readOnly" class="mdl-list__item-secondary-action">
+                <i id="remove" class="material-icons"
+                   (click)="removeInvolvedUser(user)">delete</i>
             </a>
         </li>
     </ul>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-people.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/activiti-people.component.ts
index bece74f85b..cbbed85c77 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-people.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-people.component.ts
@@ -35,6 +35,9 @@ export class ActivitiPeople {
     @Input()
     taskId: string = '';
 
+    @Input()
+    readOnly: boolean = false;
+
     @ViewChild('dialog')
     dialog: any;
 
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.html b/ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.html
index 1b1566b74f..15c862721e 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.html
@@ -12,13 +12,16 @@
     <activiti-task-header [taskDetails]="taskDetails" #activitiheader></activiti-task-header>
     <div class="mdl-grid">
         <div class="mdl-cell mdl-cell--4-col">
-            <activiti-people [people]="taskPeople" [taskId]="taskDetails.id"></activiti-people>
+            <activiti-people [people]="taskPeople" [readOnly]="readOnlyForm"
+                             [taskId]="taskDetails.id"></activiti-people>
         </div>
         <div class="mdl-cell mdl-cell--4-col">
-            <activiti-comments [taskId]="taskDetails.id" #activiticomments></activiti-comments>
+            <activiti-comments [readOnly]="readOnlyForm" [taskId]="taskDetails.id"
+                               #activiticomments></activiti-comments>
         </div>
         <div class="mdl-cell mdl-cell--4-col">
-            <activiti-checklist [taskId]="taskDetails.id" #activitichecklist></activiti-checklist>
+            <activiti-checklist [readOnly]="readOnlyForm" [taskId]="taskDetails.id"
+                                #activitichecklist></activiti-checklist>
         </div>
     </div>
     <activiti-form *ngIf="hasFormKey()" [taskId]="taskDetails.id"