diff --git a/webadmin/src/views/users.html b/webadmin/src/views/users.html
index 0d2029560..91666f9db 100644
--- a/webadmin/src/views/users.html
+++ b/webadmin/src/views/users.html
@@ -148,7 +148,7 @@
 
     <div>
         <div class="text-left">
-            <h1>Users <button class="btn btn-primary btn-outline pull-right" data-toggle="modal" data-target="#userAddModal"><i class="fa fa-user-plus"></i> New User</button></h1>
+            <h1>Users <button class="btn btn-primary btn-outline pull-right" ng-click="showUserAdd()"><i class="fa fa-user-plus"></i> New User</button></h1>
         </div>
     </div>
 
diff --git a/webadmin/src/views/users.js b/webadmin/src/views/users.js
index 33cfa8989..a643084d8 100644
--- a/webadmin/src/views/users.js
+++ b/webadmin/src/views/users.js
@@ -58,6 +58,18 @@ angular.module('Application').controller('UsersController', ['$scope', '$locatio
         });
     };
 
+    $scope.showUserAdd = function () {
+        $scope.useradd.error = {};
+        $scope.useradd.username = '';
+        $scope.useradd.email = '';
+        $scope.useradd.displayName = '';
+
+        $scope.useradd_form.$setUntouched();
+        $scope.useradd_form.$setPristine();
+
+        $('#userAddModal').modal('show');
+    };
+
     $scope.doAdd = function () {
         $scope.useradd.busy = true;