diff --git a/template/app/controller/DocTests.js b/template/app/controller/DocTests.js
index a2b886b24547e7a994b0b10f4a3ff5950a1cc978..89c30f537803bced6c098bdf6c789e95705d348a 100644
--- a/template/app/controller/DocTests.js
+++ b/template/app/controller/DocTests.js
@@ -35,6 +35,10 @@ Ext.define('Docs.controller.DocTests', {
         {
             ref: 'testContainer',
             selector: '#testcontainer'
+        },
+        {
+            ref: 'docTests',
+            selector: 'doctestsindex'
         }
     ],
 
@@ -109,6 +113,7 @@ Ext.define('Docs.controller.DocTests', {
                         code: exampleCode,
                         status: '<span class="doc-test-ready">ready</span>'
                     });
+                    this.getDocTests().setStatus(true, store.getCount() + " examples loaded.");
                 }, this);
 
                 this.classesLeft--;
diff --git a/template/app/view/doctests/Index.js b/template/app/view/doctests/Index.js
index d491f828e0dbc342dc5308751930501d909e8426..ca64b4a773a77c3878440fbeceaa67b6806c2591 100644
--- a/template/app/view/doctests/Index.js
+++ b/template/app/view/doctests/Index.js
@@ -163,25 +163,29 @@ Ext.define('Docs.view.doctests.Index', {
      * @private
      */
     showResult: function(config) {
-        var cls = 'doc-test-success',
-            totalTested = config.pass+config.fail,
-            testControls = this.getComponent('testcontainer').getComponent('testcontrols');
+        var totalTested = config.pass+config.fail;
+        this.setStatus(config.fail === 0, totalTested + '/' + config.total + ' examples tested, ' + config.fail + ' failures');
 
-        if (config.fail) {
-            cls = 'doc-test-failure';
+        if (config.examples.length < 1) {
+            Ext.ComponentQuery.query('#testcontainer', this)[0].setDisabled(false);
+        } else {
+            this.runExample(config);
         }
+    },
 
+    /**
+     * Sets the status text displayed on doctests panel.
+     * @param {Boolean} ok True to show positive status.
+     * @param {String} message The text to display.
+     */
+    setStatus: function(ok, message) {
+        var cls = ok ? 'doc-test-success' : 'doc-test-failure';
+        var testControls = this.getComponent('testcontainer').getComponent('testcontrols');
         testControls.remove('testResult');
         testControls.insert(0, {
             itemId: 'testResult',
-            html: '<span class="' + cls + '">' + totalTested + '/' + config.total + ' examples tested, ' + config.fail + ' failures</span>'
+            html: '<span class="' + cls + '">' + message + '</span>'
         });
-
-        if (config.examples.length < 1) {
-            Ext.ComponentQuery.query('#testcontainer', this)[0].setDisabled(false);
-        } else {
-            this.runExample(config);
-        }
     },
 
     /**