title: How to make splashScreen in secnha
body: <p>I want to display splash screen in sencha. Here, I am dispalying splash in splash screen.html page few second(5 second) then direct to login page.So, How to solve this problem in sencha.</p>
  
  <p><strong>What i did:</strong></p>
  
  <pre><code>Ext.Loader.setPath({
      'Ext': 'touch/src'
  });
  
  Ext.application({
      name: 'EditTest',
  
      requires: [
          'Ext.MessageBox', 'Ext.form.FieldSet','Ext.override'
      ],
  
      views: [
         'Profile'
      ],
  
      icon: {
          '57': 'resources/icons/Icon.png',
          '72': 'resources/icons/Icon~ipad.png',
          '114': 'resources/icons/Icon@2x.png',
          '144': 'resources/icons/Icon~ipad@2x.png'
      },
  
      isIconPrecomposed: true,
  
      startupImage: {
          '320x460': 'resources/startup/320x460.jpg',
          '640x920': 'resources/startup/640x920.png',
          '768x1004': 'resources/startup/768x1004.png',
          '748x1024': 'resources/startup/748x1024.png',
          '1536x2008': 'resources/startup/1536x2008.png',
          '1496x2048': 'resources/startup/1496x2048.png'
      },
  
  
      models: ["User"],
      controllers: ["ProfileCon"],
      views: ["Profile"],
  
      //splash screen for 
    Ext.override(Ext.LoadMask, {
      getTemplate: function() {
          var prefix = Ext.baseCSSPrefix;
  
          return [
              {
                  reference: 'innerElement',
                  cls: prefix + 'mask-inner',
                  children: [
                  //the elements required for the CSS loading {@link #indicator}
                      {
                          html: '&lt;a href="splash.html"&gt;'
                      },
                      {
                          reference: 'indicatorElement',
                          cls: prefix + 'loading-spinner-outer',
                          children: [
                              {
                                  cls: prefix + 'loading-spinner',
                                  children: [
                                      { tag: 'span', cls: prefix + 'loading-top' },
                                      { tag: 'span', cls: prefix + 'loading-right' },
                                      { tag: 'span', cls: prefix + 'loading-bottom' },
                                      { tag: 'span', cls: prefix + 'loading-left' }
                                  ]
                              }
                          ]
                      },
                      //the element used to display the {@link #message}
                      {
                          reference: 'messageElement'
                      }
                  ]
              }
          ];
      }
  }); 
  
  
  //splash creen 
  
      launch: function() {
          // Destroy the #appLoadingIndicator element
          // Initialize the main view
          Ext.Viewport.add(Ext.create('EditTest.view.Profile'));*/
          var loginview= {
             xtype: 'loadmask', 
             message: 'My Message'
          };
          new Ext.util.DelayedTask(function () {
              Ext.Viewport.setMasked(false);
              Ext.Viewport.add({
                  //xclass: 'MyApp.view.Main'
                  Ext.Viewport.add([loginview]);
              });
  
          }).delay(5000);
      },
  
      onUpdated: function() {
          Ext.Msg.confirm(
              "Application Update",
              "This application has just successfully been updated to the latest version. Reload now?",
              function(buttonId) {
                  if (buttonId === 'yes') {
                      window.location.reload();
                  }
              }
          );
      }
  });
  </code></pre>
  
  <p>But, I am unable to create splash screen page.</p>