diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assessed-income/assessed-income.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assessed-income/assessed-income.component.html
index 9800a1c2e..206bbfe1e 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assessed-income/assessed-income.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/assessed-income/assessed-income.component.html
@@ -280,6 +280,7 @@
                         </mat-tab>
                         <mat-tab label="Docs">
                           <ng-template matTabContent>
+                              <div ngxViewer>
                                      <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -369,7 +370,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>                                                
+                              </div>    
+                              </div>                                            
                                  </ng-template>
                         </mat-tab>
                       
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html
index 5db1ff5fb..7da90f6ca 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/banking-details/banking-details.component.html
@@ -192,6 +192,7 @@
 </mat-tab>
 <mat-tab label="Docs">
         <ng-template matTabContent>
+            <div ngxViewer>
               <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -281,7 +282,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>                              
+                              </div>  
+            </div>                            
         </ng-template>
 </mat-tab>
 
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html
index 0d921b9be..53be6499e 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/business-info/business-info.component.html
@@ -388,6 +388,7 @@
 
             <mat-tab label="Docs">
                     <ng-template matTabContent>
+                        <div ngxViewer>
                                  <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -478,7 +479,7 @@
                                    </div>
                                 </div>                                 
                               </div>
-                                          
+                        </div>          
                     </ng-template>
             </mat-tab>
 
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
index dcc253f18..6f215861d 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/current-loan/current-loan.component.html
@@ -107,6 +107,7 @@
     
                         <mat-tab label="Docs">
                           <ng-template matTabContent>
+                              <div ngxViewer>
                                  <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -196,7 +197,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>                                                
+                              </div>   
+                              </div>                                             
                           </ng-template>
                         </mat-tab>
                       
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/employment-info/employment-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/employment-info/employment-info.component.html
index ccaeb1c8d..5aba83c46 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/employment-info/employment-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/employment-info/employment-info.component.html
@@ -128,6 +128,7 @@
                 </mat-tab>
                 <mat-tab label="Docs">
                         <ng-template matTabContent>
+                            <div ngxViewer>
                                  <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -217,7 +218,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>                                              
+                              </div>       
+                            </div>                                       
                                </ng-template>
                 </mat-tab>
             </mat-tab-group>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html
index fca7c549a..f3a333eb0 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/financial-info/financial-info.component.html
@@ -139,6 +139,7 @@
                     </mat-tab>
                     <mat-tab label="Docs">
                       <ng-template matTabContent>
+                          <div ngxViewer>
                                  <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -228,7 +229,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>                                            
+                              </div>     
+                          </div>                                       
                              </ng-template>
                     </mat-tab>
                   
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html
index e3b05b4f2..e1e868f49 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/lender-representative/lender-representative.component.html
@@ -51,6 +51,7 @@
 
                 <mat-tab label="Docs">
                         <ng-template matTabContent>
+                            <div ngxViewer>
                                  <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -141,7 +142,7 @@
                                    </div>
                                 </div>                                 
                               </div>
-                                              
+                            </div>            
                                </ng-template>
                 </mat-tab>
         </mat-tab-group>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html
index 5754e395d..dbb9413e2 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/loan-details/loan-details.component.html
@@ -183,6 +183,7 @@
                 </mat-tab>
                 <mat-tab label="Docs">
                         <ng-template matTabContent>
+                            <div ngxViewer>
                                      <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -273,6 +274,7 @@
                                    </div>
                                 </div>                                 
                               </div>
+                            </div>
                                               
                                </ng-template>
                 </mat-tab>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/other-income/other-income.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/other-income/other-income.component.html
index 1b3a0f32f..14f8677f1 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/other-income/other-income.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/other-income/other-income.component.html
@@ -93,6 +93,7 @@
 
             <mat-tab label="Docs">
                 <ng-template matTabContent>
+                    <div ngxViewer>
                      <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -182,7 +183,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>                            
+                              </div>
+                    </div>                            
                 </ng-template>
             </mat-tab>
                   
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.html
index f56e8be59..2571dd94a 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/personal-info/personal-info.component.html
@@ -209,6 +209,7 @@
                 </mat-tab>
                 <mat-tab label="Docs">
                   <ng-template matTabContent>
+                      <div ngxViewer>
                          <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -299,7 +300,7 @@
                                    </div>
                                 </div>                                 
                               </div>
-                                        
+                      </div>      
                          </ng-template>
                 </mat-tab>
               
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.html
index 77b619fd5..c419c40d6 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/rental-info/rental-info.component.html
@@ -204,6 +204,7 @@
             </mat-tab>
             <mat-tab label="Docs">
                 <ng-template matTabContent>
+                    <div ngxViewer>
                      <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -293,7 +294,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>        
+                              </div>   
+                    </div>     
                </ng-template>
             </mat-tab>
     </mat-tab-group>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/stock/stock.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/stock/stock.component.html
index fdb89868b..f19986989 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/stock/stock.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/stock/stock.component.html
@@ -123,6 +123,7 @@
                         </mat-tab>
                         <mat-tab label="Docs">
                           <ng-template matTabContent>
+                              <div ngxViewer>
                                      <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -212,7 +213,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>                                                
+                              </div>     
+                              </div>                                           
                                  </ng-template>
                         </mat-tab>