diff --git a/demo-shell-ng2/app/components/login/login-demo.component.html b/demo-shell-ng2/app/components/login/login-demo.component.html
index 14bff32c37..bf8b9a4d95 100644
--- a/demo-shell-ng2/app/components/login/login-demo.component.html
+++ b/demo-shell-ng2/app/components/login/login-demo.component.html
@@ -11,6 +11,10 @@
             <span class="mdl-switch__label">BPM</span>
         </label>
     </p>
+    <p style="width:130px;margin: 10px;">
+        <label for="blacklistusername">Banned username</label><br>
+        <input id="blacklistusername" type="text" placeholder="banned username" [(ngModel)]="blackListUsername" />
+    </p>
 </div>
 <alfresco-login [providers]="providers" [fieldsValidation]="customValidation"
                 (executeSubmit)="validateForm($event)"
diff --git a/demo-shell-ng2/app/components/login/login-demo.component.ts b/demo-shell-ng2/app/components/login/login-demo.component.ts
index 53adbb504c..adf98319fa 100644
--- a/demo-shell-ng2/app/components/login/login-demo.component.ts
+++ b/demo-shell-ng2/app/components/login/login-demo.component.ts
@@ -35,6 +35,7 @@ export class LoginDemoComponent implements OnInit {
     alfrescologin: any;
 
     providers: string = 'ECM';
+    blackListUsername: string;
     customValidation: any;
 
     constructor(public router: Router) {
@@ -86,7 +87,7 @@ export class LoginDemoComponent implements OnInit {
 
     validateForm(event: any) {
         let values = event.values;
-        if (values.controls['username'].value === 'invalidUsername') {
+        if (values.controls['username'].value === this.blackListUsername ) {
             this.alfrescologin.addCustomFormError('username', 'This particular username has been blocked');
             event.preventDefault();
         }