Look and Feel: Modal

Author: sumuongit

WEBAPI_CRUD_AJAX/CustomScripts/employee.js

@@ -50,8 +50,7 @@ function GetEmployeeByID(employeeId) {
             $('#btnUpdate').show();
             $('#btnAdd').hide();
         },
-        error: function (errormessage) {
-            debugger;
+        error: function (errormessage) {            
             alert(errormessage.responseText);
         }
     });

WEBAPI_CRUD_AJAX/Views/Home/Index.cshtml

@@ -3,7 +3,7 @@
 }
 
 <div class="container">
-    <h2>Employees Record</h2>
+    <h2>Employee Information</h2>
     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="clearTextBox();">Add New Employee</button><br /><br />
     <table class="table table-bordered table-hover">
         <thead>
@@ -35,31 +35,30 @@
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                @*<button type="button" class="close" data-dissmiss="modal"><span aria-hidden="true">×</span></button>*@
                 <button type="button" class="close" data-dismiss="modal">×</button>
                 <h4 class="modal-title" id="myModalLabel">Add Employee</h4>
             </div>
             <div class="modal-body">
                 <form>
                     <div class="form-group">
                         <label for="EmployeeId">ID</label>
-                        <input type="text" class="form-control" id="EmployeeID" placeholder="Id" disabled="disabled" />
+                        <input type="text" class="form-control" id="EmployeeID" placeholder="Id" disabled="disabled" style="max-width: 100%;" />
                     </div>
                     <div class="form-group">
                         <label for="Name">Name</label>
-                        <input type="text" class="form-control" id="Name" placeholder="Name" />
+                        <input type="text" class="form-control" id="Name" placeholder="Name" style="max-width: 100%;" />
                     </div>
                     <div class="form-group">
                         <label for="Age">Age</label>
-                        <input type="text" class="form-control" id="Age" placeholder="Age" />
+                        <input type="text" class="form-control" id="Age" placeholder="Age" style="max-width: 100%;" />
                     </div>
                     <div class="form-group">
                         <label for="State">State</label>
-                        <input type="text" class="form-control" id="State" placeholder="State" />
+                        <input type="text" class="form-control" id="State" placeholder="State" style="max-width: 100%;" />
                     </div>
                     <div class="form-group">
                         <label for="Country">Country</label>
-                        <input type="text" class="form-control" id="Country" placeholder="Country" />
+                        <input type="text" class="form-control" id="Country" placeholder="Country" style="max-width: 100%;" />
                     </div>
                 </form>
             </div>