From 84d04151719c332926b0bee74f124b2485249f24 Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eromano@users.noreply.github.com>
Date: Mon, 22 May 2017 19:03:38 +0100
Subject: [PATCH] example to not overlay mode viewer (#1893)

---
 .../app/components/files/files.component.css           |  4 ++++
 .../app/components/files/files.component.html          | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/demo-shell-ng2/app/components/files/files.component.css b/demo-shell-ng2/app/components/files/files.component.css
index cb4cb685aa..73ec99ca5d 100644
--- a/demo-shell-ng2/app/components/files/files.component.css
+++ b/demo-shell-ng2/app/components/files/files.component.css
@@ -15,3 +15,7 @@
 .error-message--text {
     color: #d50000;
 }
+
+.adf-not-overlay-viewer {
+    height:900px;
+}
diff --git a/demo-shell-ng2/app/components/files/files.component.html b/demo-shell-ng2/app/components/files/files.component.html
index 5787f84ba3..731a2e309f 100644
--- a/demo-shell-ng2/app/components/files/files.component.html
+++ b/demo-shell-ng2/app/components/files/files.component.html
@@ -199,5 +199,15 @@
         </extension-viewer>
 
     </alfresco-viewer>
+
+    <!-- Comment the viewer above and uncomment that one below if you want test the overlay false viewer-->
+
+    <!--<div *ngIf="fileShowed" class="adf-not-overlay-viewer">-->
+        <!--<alfresco-viewer [(showViewer)]="fileShowed"-->
+                         <!--[fileNodeId]="fileNodeId"-->
+                         <!--[overlayMode]="false">-->
+        <!--</alfresco-viewer>-->
+    <!--</div>-->
+
 </div>