diff --git a/app/js/mdot.js b/app/js/mdot.js
index 48382e7..477c865 100644
--- a/app/js/mdot.js
+++ b/app/js/mdot.js
@@ -128,6 +128,7 @@
 
       DeviceCollection.models = tempCollection.models;
 
+      notification.notify('success', 'Data loaded');
       DeviceCollection.trigger('update');
       console.log('temporal:', this.temporal);
     }, decoder: function(data) {
@@ -211,7 +212,7 @@
       console.log('MDOT:render');
       $('#output').empty();
       var that = this;
-      that.$el.append(this.template);
+   //   that.$el.append(this.template);
 
       return this;
     }
@@ -243,6 +244,7 @@
     }, updateDevice: function() {
       var fetchObj = {beforeSend: sendAuthentication};
       console.log('MainView:Updatedevice');
+      notification.clearAll();
       if (this.model.has('device')) {
         // FetchObj.data = $.param({key:'"'+ this.model.get('device') + '"'});
         // this.collection.url =  'https://qz0da4.internetofthings.ibmcloud.com/api/v0002/historian/types/mDot/devices/' + this.model.get('device');
diff --git a/app/test.html b/app/test.html
index 4ca1d88..5383c68 100644
--- a/app/test.html
+++ b/app/test.html
@@ -188,6 +188,7 @@
   <script src="lib/underscore.js"></script>
   <script src="lib/backbone.js"></script>
   <script src="lib/sugar-date.js"></script>
+  <script src="lib/notification.js"></script>
   <script src="lib/amcharts.js"></script>
   <script src="lib/serial.js"></script>
   <script src="lib/amstock.js"></script>