diff --git a/views/ngXosViews/dashboardManager/src/templates/dashboard-form.tpl.html b/views/ngXosViews/dashboardManager/src/templates/dashboard-form.tpl.html
new file mode 100644
index 0000000..6a584e4
--- /dev/null
+++ b/views/ngXosViews/dashboardManager/src/templates/dashboard-form.tpl.html
@@ -0,0 +1,39 @@
+<div class="row">
+  <div class="col-xs-10">
+    <h1>Manage Dashboard</h1>
+  </div>
+  <div class="col-xs-2 text-right">
+    <a ui-sref="manage-user-dashboards" class="btn btn-success">Back</a>
+  </div>
+</div>
+<div class="row">
+  <div class="col-xs-12">
+    <xos-form ng-model="vm.dashboard" config="vm.formConfig"></xos-form>
+  </div>
+</div>
+<div class="row" ng-show="vm.tosca">
+  <div class="col-sm-6">
+    <div class="row">
+      <div class="col-xs-12">
+        <xos-alert show="true" config="{type: 'info'}">
+          Include this lines in a TOSCA recipe to load the {{vm.dashboard.name}} dashboard in the system.
+        </xos-alert>
+      </div>
+      <div class="col-xs-12">
+        <pre>{{vm.tosca}}</pre>
+      </div>
+    </div>
+  </div>
+  <div class="col-sm-6">
+    <div class="row">
+      <div class="col-xs-12">
+        <xos-alert show="true" config="{type: 'info'}">
+          Add this lines as a requirement for the user in a TOSCA recipe to assign the {{vm.dashboard.name}} to the user.
+        </xos-alert>
+      </div>
+      <div class="col-xs-12">
+        <pre>{{vm.toscaRequirements}}</pre>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html b/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html
new file mode 100644
index 0000000..d43f19d
--- /dev/null
+++ b/views/ngXosViews/dashboardManager/src/templates/user-dashboards.tpl.html
@@ -0,0 +1,66 @@
+<div class="row">
+  <div class="col-xs-10">
+    <h1>Manage Your Dashboards</h1>
+  </div>
+  <div class="col-xs-2 text-right">
+    <a ui-sref="add-dashboards" class="btn btn-success">Add</a>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-xs-6">
+    <div class="panel panel-primary">
+      <div class="panel-heading">
+        <h3 class="panel-title">
+          Available Dashboards
+        </h3>
+      </div>
+      <div class="panel-body">
+        <ul dnd-list="vm.list.disabled"
+          dnd-drop="vm.addedToList(event, index, item, external, 'disabled')">
+          <li ng-repeat="item in vm.list.disabled"
+            dnd-moved="vm.removeFromList('disabled', item.id)"
+            dnd-draggable="item">
+            {{item.name}}
+            <a ui-sref="edit-dashboards({id: item.id,})"><i class="glyphicon glyphicon-pencil"></i></a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="col-xs-6">
+    <div class="panel panel-primary">
+      <div class="panel-heading">
+        <h3 class="panel-title">
+          Enabled Dashboards
+        </h3>
+      </div>
+      <div class="panel-body">
+        <ul dnd-list="vm.list.enabled"
+          dnd-drop="vm.addedToList(event, index, item, external, 'enabled')">
+          <li ng-repeat="item in vm.list.enabled | orderBy : 'order'"
+            dnd-moved="vm.removeFromList('enabled', item.id)"
+            dnd-draggable="item">
+            {{item.name}}
+            <a ui-sref="edit-dashboards({id: item.id,})"><i class="glyphicon glyphicon-pencil"></i></a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="row" ng-show="vm.disabled.length > 0">
+  <div class="col-xs-12">
+    <h1>Disabled Dashboard</h1>
+  </div>
+  <div class="col-xs-12">
+    <div class="row">
+      <div class="col-sm-2" ng-repeat="item in vm.disabled | orderBy : 'id'">
+        <span class="dashboard-container">
+          {{item.name}}
+          <a ui-sref="edit-dashboards({id: item.id,})"><i class="glyphicon glyphicon-pencil"></i></a>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>