Solve the no X problem in modal dialogue.

Course.php

@@ -555,6 +555,10 @@ where course_group_members_table.Course_Group_id=$id");
 <input type="hidden" name="url" value="<?php echo $url; ?>">  <input type="hidden" name="id" value="<?php echo $course_id; ?>">    </form>').dialog({
      modal: true,
      title:'Create a group',
+     close: function () {
+         var closeBtn = $('.ui-dialog-titlebar-close');
+         closeBtn.html('');
+     },     
      buttons: {
          'Create': function () {
 	     $('#frm').submit();
@@ -697,6 +701,7 @@ where course_group_members_table.Course_Group_id=$id");
      })
  })
 
+
 </script>
 
 

Header.php

@@ -90,6 +90,14 @@ if (mysqli_connect_errno()) {
 	 }
 
 
+    .ui-dialog-titlebar-close::before {
+        content: "X";
+        position: absolute;
+        top: 1px;
+        left: 3px;
+        line-height: 1rem;
+    }
+
 	 #footer{
 	     position:fixed;
 	     bottom:0;