diff --git a/ng2-components/ng2-alfresco-datatable/demo/package.json b/ng2-components/ng2-alfresco-datatable/demo/package.json
index 4f386edb5d..f54af6007b 100644
--- a/ng2-components/ng2-alfresco-datatable/demo/package.json
+++ b/ng2-components/ng2-alfresco-datatable/demo/package.json
@@ -43,8 +43,10 @@
     "rimraf": "2.5.2",
     "material-design-icons": "2.2.3",
     "material-design-lite": "1.1.3",
+    "ng2-translate": "2.2.2",
 
-    "ng2-alfresco-datatable": "^0.1.12"
+    "ng2-alfresco-datatable": "^0.1.12",
+    "ng2-alfresco-core": "^0.1.36"
   },
   "devDependencies": {
     "browser-sync": "2.10.0",
diff --git a/ng2-components/ng2-alfresco-datatable/demo/src/main.ts b/ng2-components/ng2-alfresco-datatable/demo/src/main.ts
index 36f5165e14..be2f2e9327 100644
--- a/ng2-components/ng2-alfresco-datatable/demo/src/main.ts
+++ b/ng2-components/ng2-alfresco-datatable/demo/src/main.ts
@@ -17,6 +17,7 @@
 
 import { Component } from '@angular/core';
 import { bootstrap } from '@angular/platform-browser-dynamic';
+import { CONTEXT_MENU_DIRECTIVES, CONTEXT_MENU_PROVIDERS } from 'ng2-alfresco-core';
 import {
     ALFRESCO_DATATABLE_DIRECTIVES,
     ObjectDataTableAdapter,
@@ -66,7 +67,7 @@ import {
         ':host > .container {padding: 10px}',
         '.p-10 { padding: 10px; }'
     ],
-    directives: [ALFRESCO_DATATABLE_DIRECTIVES]
+    directives: [ALFRESCO_DATATABLE_DIRECTIVES, CONTEXT_MENU_DIRECTIVES]
 })
 class DataTableDemo {
 
@@ -135,4 +136,6 @@ class DataTableDemo {
     }
 }
 
-bootstrap(DataTableDemo, []);
+bootstrap(DataTableDemo, [
+    CONTEXT_MENU_PROVIDERS
+]);
diff --git a/ng2-components/ng2-alfresco-datatable/demo/systemjs.config.js b/ng2-components/ng2-alfresco-datatable/demo/systemjs.config.js
index fc286dbe1a..87b7c9ec25 100644
--- a/ng2-components/ng2-alfresco-datatable/demo/systemjs.config.js
+++ b/ng2-components/ng2-alfresco-datatable/demo/systemjs.config.js
@@ -10,6 +10,8 @@
         'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
         'rxjs':                       'node_modules/rxjs',
 
+        'ng2-translate': 'node_modules/ng2-translate',
+        'ng2-alfresco-core': 'node_modules/ng2-alfresco-core/dist',
         'ng2-alfresco-datatable': 'node_modules/ng2-alfresco-datatable/dist'
     };
     // packages tells the System loader how to load when no filename and/or no extension
@@ -18,6 +20,8 @@
         'rxjs':                       { defaultExtension: 'js' },
         'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
 
+        'ng2-translate': { defaultExtension: 'js' },
+        'ng2-alfresco-core': { main: 'index.js', defaultExtension: 'js' },
         'ng2-alfresco-datatable': { main: 'index.js', defaultExtension: 'js' }
     };
     var ngPackageNames = [
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/src/main.ts b/ng2-components/ng2-alfresco-documentlist/demo/src/main.ts
index 68aaa14a42..88999a53b0 100644
--- a/ng2-components/ng2-alfresco-documentlist/demo/src/main.ts
+++ b/ng2-components/ng2-alfresco-documentlist/demo/src/main.ts
@@ -192,7 +192,7 @@ class DocumentListDemo implements OnInit {
     }
 
     login() {
-        this.authService.login('admin', 'admin').subscribe(
+        this.authService.login('admin', 'admin', ['ECM']).subscribe(
             token => {
                 console.log(token);
                 this.authenticated = true;