diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/core/form-field-types.ts b/ng2-components/ng2-activiti-form/src/components/widgets/core/form-field-types.ts
index 9d0e23f5be..920fd8e42e 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/core/form-field-types.ts
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/core/form-field-types.ts
@@ -34,6 +34,7 @@ export class FormFieldTypes {
     static NUMBER: string = 'integer';
     static DATE: string = 'date';
     static AMOUNT: string = 'amount';
+    static DOCUMENT: string = 'document';
 
     static READONLY_TYPES: string[] = [
         FormFieldTypes.HYPERLINK,
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
index cc370722a9..6b8cb636d6 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
@@ -51,6 +51,11 @@
             </div>
         </div>
     </div>
+    <div *ngSwitchCase="'document'">
+        <div *ngIf="hasFile">
+            <activiti-content [id]="id" [showDocumentContent]="true"></activiti-content>
+        </div>
+    </div>
     <div *ngSwitchDefault
          class="mdl-textfield mdl-js-textfield text-widget is-disabled is-dirty is-upgraded">
         <label [attr.for]="field.id">{{field.name}}</label>
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts
index 44e1e84ca1..c60846d69d 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts
@@ -98,6 +98,18 @@ export class DisplayValueWidget extends WidgetComponent implements OnInit {
                                 this.hasFile = false;
                             }
                             break;
+                        case FormFieldTypes.DOCUMENT:
+                            console.log('document');
+                            const file = this.field.value;
+                            if (file) {
+                                this.value = decodeURI(file.name);
+                                this.id = file.id;
+                                this.hasFile = true;
+                            } else {
+                                this.value = null;
+                                this.hasFile = false;
+                            }
+                            break;
                         case FormFieldTypes.TYPEAHEAD:
                             this.loadRestFieldValue();
                             break;