diff --git a/src/app/views/enrolment/student/student.component.html b/src/app/views/enrolment/student/student.component.html
index 2c5d41b..17bb379 100644
--- a/src/app/views/enrolment/student/student.component.html
+++ b/src/app/views/enrolment/student/student.component.html
@@ -88,7 +88,7 @@
                         <tbody>
                             <tr *ngFor="let app of students">
                                 <td>{{app.batch}}</td>
-                                <td>{{app.formId}}</td>
+                                <td (click)="viewFormModal.show()">{{app.formId}}</td>
                                 <td>{{app.studentName}}</td>
                                 <td>{{app.fatherName}}</td>
                                 <td>{{app.course}} / {{app.univ}}</td>
@@ -767,4 +767,224 @@
         </div>
         <!-- /.modal-dialog -->
     </div>
-    <!-- /.modal -->
\ No newline at end of file
+    <!-- /.modal -->
+
+    <!-- view form modal-->
+<div bsModal #viewFormModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">Form : KAN00128</h5>
+          <button type="button btn-dark" class="close" (click)="viewFormModal.hide()" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+            <div class="card">
+                <div class="card-header">
+                    <i class="fa fa-align-justify"></i> Student Basic Information
+                </div>
+                <div class="card-body">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-md-3">
+                                    <label><b> Student Name</b> </label>
+                                    <p>XYZ</p>
+                            </div>
+                            <div class="col-md-3">
+                                    <label><b> Mobile</b> </label>
+                                    <p>9123999393</p>
+                                </div>
+                            <div class="col-md-3">
+                                    <label><b> Enrolment Number</b> </label>
+                                <p>UNIV120876</p>
+
+                                </div>
+                                <div class="col-md-3">
+                                        <label><b> Course</b> </label>
+                                        <p>B.Com</p>
+                                    </div>
+                                    <div class="col-md-3">
+                                            <label><b> University</b> </label>
+                                            <p>KR Univ</p>
+                                        </div>
+                                        <div class="col-md-3">
+                                                <label><b> SEM</b> </label>
+                                                <p>1</p>
+                                            </div>
+                                           
+                                                <div class="col-md-3">
+                                                        <label><b> Session</b> </label>
+                                                        <p>July-2018</p>
+                                                    </div>
+                                                    <div class="col-md-3">
+                                                            <label><b> Batch</b> </label>
+                                                            <p>Aug-2018</p>
+                                                        </div>
+        
+                        </div>
+ 
+          
+                    </div>
+                  
+                </div>
+               
+              </div>
+             <!--/.row-->
+   <div class="row">
+        <!--/.col-->
+        <div class="col-md-12 mb-4">
+         <!-- Nav tabs -->
+         <tabset>
+                <tab>
+                        <ng-template tabHeading> Fees</ng-template> 
+                        <div class="row">
+                                <div class="col-md-3">
+                                    <label class="text-info">Payable Amount&nbsp;:&nbsp;</label><span>25800</span>
+                            </div>
+                            <div class="col-md-3">
+                                <label class="text-success">Paid Amount&nbsp;:&nbsp;</label><span>25000</span>
+                        </div>
+                        <div class="col-md-3">
+                            <label class="text-danger">Balance Amount&nbsp;:&nbsp;</label><span>800</span>
+                    </div>
+                    <div class="col-md-3">
+                            <label class="text-primary">Status&nbsp;:&nbsp;</label><span>Partially Paid</span>
+                    </div>
+                            </div><!--/.row-->
+                        <div class="row">
+                                <div class="col-md-12">
+                                        <table class="table table-bordered table-responive table-hover">
+                                          <thead>
+                                            <tr>
+                                              <th>Fees Name</th>
+                                              <th>Fees Amount</th>
+                                            </tr>
+                                          </thead>
+                                          <tbody>
+                                            <tr>
+                                              <td><span>Admission Fees</span></td>
+                                              <td>
+                                                <span>800</span>
+                                              </td>
+                                            </tr>
+                                            <tr>
+                                                    <td><span>Tution Fees</span></td>
+                                                    <td>
+                                                      <span>25000</span>
+                                                    </td>
+                          
+                                                    
+                                                  </tr>
+                                       
+                                          </tbody>
+                                        </table>
+                                      </div>
+                                      <!--/.col-->
+                          </div>
+                        </tab>
+            <tab>
+                <ng-template tabHeading> Answer BookLet</ng-template> 
+                <div class="row">
+                        <div class="col-lg-12 col-xs-12">
+                          <table class="table table-bordered table-responsive table-hover">
+                            <thead>
+                              <tr>
+                                <th>Status</th>
+                                <th>Updated On</th>
+                                <th>Comments</th>
+                              </tr>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                  <td>Send To Sc</td>
+                                  <td>20-7-2018</td>
+                                  <td>XXXXXXX</td>
+
+                              </tr>
+                            </tbody>
+                          </table>
+                       
+                        </div>
+                        <!--/.col-->
+                      </div>
+                      <!--/.row-->
+              
+                </tab>
+                  
+
+                            <tab>
+                                <ng-template tabHeading> Document </ng-template> 
+
+                                <div class="row">
+                                        <div class="col-md-12">
+                                                <table class="table table-bordered table-responive table-hover">
+                                                  <thead>
+                                                    <tr>
+                                                        <th>Name</th>
+                                                      <th>Status</th>
+                                                      <th>Updated On</th>
+                                                      <th>Comments</th>
+                                                    </tr>
+                                                  </thead>
+                                                  <tbody>
+                                                    <tr>
+                                                    <td><span>PC</span></td>
+                                                      <td><span>Pending</span></td>
+                                                      <td>
+                                                        <span>20-8-2018</span>
+                                                      </td>
+                                                      <td>
+                                                            <span>YYYY</span>
+                                                          </td>
+                                                    </tr>
+                                                    
+                                                  </tbody>
+                                                </table>
+                                              </div>
+                                              <!--/.col-->
+                                  </div>
+                                </tab>
+                                <tab>
+                                <ng-template tabHeading> Study Material </ng-template> 
+                         
+                                <div class="row">
+                                        <div class="col-md-12">
+                                                <table class="table table-bordered table-responive table-hover">
+                                                  <thead>
+                                                    <tr>
+                                                      <th>Status</th>
+                                                      <th>Updated On</th>
+                                                      <th>Comments</th>
+                                                    </tr>
+                                                  </thead>
+                                                  <tbody>
+                                                    <tr>
+                                                      <td><span>Received</span></td>
+                                                      <td>
+                                                        <span>20-8-2018</span>
+                                                      </td>
+                                                      <td>
+                                                            <span>YYYY</span>
+                                                          </td>
+                                                    </tr>
+                                                    
+                                                  </tbody>
+                                                </table>
+                                              </div>
+                                              <!--/.col-->
+                                  </div>
+                                </tab>
+           </tabset>
+           </div>
+           </div>
+      
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-danger" (click)="viewFormModal.hide()">Close</button>
+        </div>
+      </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+  </div><!-- /.modal -->
+  
+  <!-- end form modal -->
\ No newline at end of file
diff --git a/src/app/views/enrolment/student/student.component.ts b/src/app/views/enrolment/student/student.component.ts
index af754d7..2106bc1 100644
--- a/src/app/views/enrolment/student/student.component.ts
+++ b/src/app/views/enrolment/student/student.component.ts
@@ -1,5 +1,4 @@
 import { Component, OnInit } from '@angular/core';
-import { ModalDirective } from 'ngx-bootstrap/modal';
 
 @Component({
   templateUrl: 'student.component.html',