diff --git a/beat/web/reports/static/reports/app/directives/groupAddGroupMenu.js b/beat/web/reports/static/reports/app/directives/groupAddGroupMenu.js
new file mode 100644
index 0000000000000000000000000000000000000000..4a3fc5d8cca091a2e5cf0d66e3d961d0d2acacf2
--- /dev/null
+++ b/beat/web/reports/static/reports/app/directives/groupAddGroupMenu.js
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2016 Idiap Research Institute, http://www.idiap.ch/
+ * Contact: beat.support@idiap.ch
+ *
+ * This file is part of the beat.web module of the BEAT platform.
+ *
+ * Commercial License Usage
+ * Licensees holding valid commercial BEAT licenses may use this file in
+ * accordance with the terms contained in a written agreement between you
+ * and Idiap. For further information contact tto@idiap.ch
+ *
+ * Alternatively, this file may be used under the terms of the GNU Affero
+ * Public License version 3 as published by the Free Software and appearing
+ * in the file LICENSE.AGPL included in the packaging of this file.
+ * The BEAT platform is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE.
+ *
+ * You should have received a copy of the GNU Affero Public License along
+ * with the BEAT platform. If not, see http://www.gnu.org/licenses/.
+ */
+
+/*
+ * groupAddGroupMenu
+ * Desc:
+ * 	represents the menu for creating groups
+ */
+angular.module('reportApp')
+.directive("groupAddGroupMenu", ['GroupsService', function(GroupsService){
+	return {
+		scope: {
+		},
+		link: function(scope){
+			scope.createGroup = GroupsService.createGroup;
+			scope.newGroupName = { val: '' };
+		},
+		template: `
+<form>
+	<div class='form-group'>
+		<label for='createNewGroupInput'><strong>Create a new Group</strong></label>
+		<div class="input-group">
+			<span class="input-group-btn">
+				<button ng-click='createGroup(newGroupName.val)' class="btn btn-default" type="button">Create</button>
+			</span>
+			<input id='createNewGroupInput' ng-model='newGroupName.val' type="text" class="form-control" placeholder="Group name...">
+		</div>
+	</div>
+</form>
+`
+	};
+}]);
+
diff --git a/beat/web/reports/static/reports/app/directives/groupsLayout.js b/beat/web/reports/static/reports/app/directives/groupsLayout.js
index 97ff74cbd0fa9a9395d77803e699b8ec6f4520a8..5d27602047951d3a2b101f2d098793b0f657ac5f 100644
--- a/beat/web/reports/static/reports/app/directives/groupsLayout.js
+++ b/beat/web/reports/static/reports/app/directives/groupsLayout.js
@@ -39,6 +39,8 @@ angular.module('reportApp').directive("groupsLayout", ['GroupsService', function
 			};
 		},
 		template: `
+<div group-add-group-menu class='alert alert-success'></div>
+
 <div ui-sortable='sortableOptions' ng-model='GroupsService.groups' id='groupsLayout' class='panel-group'>
 	<div
 		group-panel-content
diff --git a/beat/web/reports/templates/reports/report.html b/beat/web/reports/templates/reports/report.html
index 43699162288ff5c280bf06d48d491be763642de2..a1beb4668de094f58cbab2edf38ff9f3ff28c755 100644
--- a/beat/web/reports/templates/reports/report.html
+++ b/beat/web/reports/templates/reports/report.html
@@ -120,6 +120,7 @@
     <script src="{% fingerprint "reports/app/directives/groupTextItem.js" %}" type="text/javascript" charset="utf-8"></script>
     <script src="{% fingerprint "reports/app/directives/groupTableFieldSelector.js" %}" type="text/javascript" charset="utf-8"></script>
     <script src="{% fingerprint "reports/app/directives/groupViewSerialized.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/groupAddGroupMenu.js" %}" type="text/javascript" charset="utf-8"></script>
 
 
     <script src="{% fingerprint "ui/js/smartselector.js" %}" type="text/javascript" charset="utf-8"></script>