- Sencha Touch TS:

  UserDetails page enabled in Navigation View

www/app.js

@@ -3,7 +3,8 @@ Ext.application({
     name: 'PO',
     models: ['Note'],
     stores: ['Notes', 'Users', 'Contacts'],
-    views: ['UserList', 'BlogList'],
+    views: ['UserList', 'UserDetail', 'BlogList', 'UserNavigationView'],
+    controllers: ['UserNavigationController'],
 
     requires: [
         'Ext.MessageBox',
@@ -29,6 +30,8 @@ Ext.application({
 		    xtype: 'blogList',
 	     }, {
 		    xtype: 'userList',
+	     }, {
+		    xtype: 'userNavigationView',
 		}, {
                     title: 'Contact',
                     iconCls: 'user',

www/app/view/UserDetail.js

 Ext.define('PO.view.UserDetail', {
-
 	extend: 'Ext.Panel',
+	xtype: 'userDetail',
 	config: {
 
 	    styleHtmlContent: true,
-	    scrollable: vertical,
+	    scrollable: 'vertical',
 	    title: 'User Details',
 	    html: 'Hello World'
 

www/app/view/UserList.js

@@ -5,7 +5,7 @@ Ext.define('PO.view.UserList', {
 
 	config: {
 	    
-		title: 'Users',
+		title: 'UserList',
 		iconCls: 'star',
 		itemTpl: '<div class="contact2"><strong>{first_names}</strong> {last_name}</div>',
 		disclosure: true,