diff --git a/src/pages/Attendence/teacherAttendence.vue b/src/pages/Attendence/teacherAttendence.vue
index 4ecd0d5..272e371 100644
--- a/src/pages/Attendence/teacherAttendence.vue
+++ b/src/pages/Attendence/teacherAttendence.vue
@@ -84,7 +84,7 @@
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Teacher Attendence</label>
-            <v-icon size="24" class="right" @click="addTeacherAttendenceDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.form.reset();addTeacherAttendenceDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-flex xs12 class="mt-4">
@@ -318,6 +318,7 @@ export default {
             this.snackbar = true;
             this.text = response.data.message;
             this.addTeacherAttendenceDialog = false;
+            this.clear();
           })
           .catch(error => {
             this.snackbar = true;
diff --git a/src/pages/Class/addclass.vue b/src/pages/Class/addclass.vue
index 6423603..ecaab31 100644
--- a/src/pages/Class/addclass.vue
+++ b/src/pages/Class/addclass.vue
@@ -140,13 +140,13 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
 
-    <!-- ****** ADD Class ****** -->
+    <!-- DIALOG BOX - ADD Class  -->
     <v-dialog v-model="addClassDialog" max-width="400px">
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Class</label>
-            <v-icon size="24" class="right" @click="addClassDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.form.reset();addClassDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-container fluid fill-height>
@@ -316,8 +316,9 @@ export default {
             this.snackbar = true;
             this.text = response.data.message;
             this.color = "green";
-            this.clear();
+            // this.clear();
             this.loading = false;
+            this.$refs.form.reset()
             this.addClassDialog = false;
           })
           .catch((error) => {
diff --git a/src/pages/Exam/exam.vue b/src/pages/Exam/exam.vue
index 009e603..c1099f4 100644
--- a/src/pages/Exam/exam.vue
+++ b/src/pages/Exam/exam.vue
@@ -233,7 +233,7 @@
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Exam</label>
-            <v-icon size="24" class="right" @click="addExamDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.form.reset();addExamDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-form ref="form" v-model="valid" lazy-validation>
diff --git a/src/pages/Exam/examSchedule.vue b/src/pages/Exam/examSchedule.vue
index 09fce00..4b57fbf 100644
--- a/src/pages/Exam/examSchedule.vue
+++ b/src/pages/Exam/examSchedule.vue
@@ -417,7 +417,7 @@
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Exam Schedule</label>
-            <v-icon size="24" class="right" @click="addExamScheduleDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.form.reset();addExamScheduleDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-form ref="form" v-model="valid" lazy-validation>
diff --git a/src/pages/Exam/grade.vue b/src/pages/Exam/grade.vue
index 45b0f49..1d5af01 100644
--- a/src/pages/Exam/grade.vue
+++ b/src/pages/Exam/grade.vue
@@ -268,7 +268,7 @@
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Grade</label>
-            <v-icon size="24" class="right" @click="addGradeDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.form.reset();addGradeDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-form ref="form" v-model="valid" lazy-validation>
diff --git a/src/pages/Parent/parents.vue b/src/pages/Parent/parents.vue
index 2a6f108..d28b965 100644
--- a/src/pages/Parent/parents.vue
+++ b/src/pages/Parent/parents.vue
@@ -563,13 +563,13 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
 
-    <!-- ****** ADD PARENTS DETAILS****** -->
+    <!-- ******DIALOG BOX -  ADD PARENTS DETAILS****** -->
     <v-dialog v-model="addParentDialog" max-width="1100px">
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Parent</label>
-            <v-icon size="24" class="right" @click="addParentDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.parentForm.reset();addParentDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-container fluid fill-height>
diff --git a/src/pages/Section/section.vue b/src/pages/Section/section.vue
index 92d6d8f..f0e6551 100644
--- a/src/pages/Section/section.vue
+++ b/src/pages/Section/section.vue
@@ -235,13 +235,13 @@
     </v-data-table>
     <!-- </v-tab-item> -->
 
-    <!-- ****** ADD Students Dialog box****** -->
+    <!-- DIALOG BOX - ADD Students Dialog box -->
     <v-dialog v-model="addSectionDialog" max-width="400px">
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Section</label>
-            <v-icon size="24" class="right" @click="addSectionDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.form.reset();addSectionDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-container fluid fill-height>
diff --git a/src/pages/Teachers/teachers.vue b/src/pages/Teachers/teachers.vue
index e8447a5..3cf572d 100644
--- a/src/pages/Teachers/teachers.vue
+++ b/src/pages/Teachers/teachers.vue
@@ -562,13 +562,13 @@
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
 
-    <!-- ****** Add Teachers Data****** -->
+    <!-- ****** DIALOG BOX - Add Teachers Data****** -->
     <v-dialog v-model="addTeacherDialog" max-width="1160">
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12 class="pa-0">
             <label class="title text-xs-center">Add Teacher</label>
-            <v-icon size="24" class="right" @click="addTeacherDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.form.reset();addTeacherDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-form ref="form" v-model="valid" lazy-validation>
diff --git a/src/pages/User/user.vue b/src/pages/User/user.vue
index 4fcc9c5..9c91413 100644
--- a/src/pages/User/user.vue
+++ b/src/pages/User/user.vue
@@ -474,13 +474,13 @@
         icon="warning"
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
-    <!-- ****** Add User Data****** -->
+    <!-- DIALOG BOX - Add User Data -->
     <v-dialog v-model="addUserDialog" max-width="900px">
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add User</label>
-            <v-icon size="24" class="right" @click="addUserDialog = false">cancel</v-icon>
+            <v-icon size="24" class="right" @click="$refs.form.reset();addUserDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-form ref="form" v-model="valid" lazy-validation>