diff --git a/source/Ox.UI/js/Panel/TabPanel.js b/source/Ox.UI/js/Panel/TabPanel.js
index b3a28d19..7b9a1723 100644
--- a/source/Ox.UI/js/Panel/TabPanel.js
+++ b/source/Ox.UI/js/Panel/TabPanel.js
@@ -23,7 +23,12 @@ Ox.TabPanel = function(options, self) {
             size: 24,
             tabs: []
         })
-        .options(options || {});
+        .options(options || {})
+        .update({
+            content: function() {
+                self.$panel.replaceElement(1, getContent());
+            }
+        });
 
     self.selected = getSelected();
 
@@ -45,8 +50,7 @@ Ox.TabPanel = function(options, self) {
         })
         .appendTo(self.$bar);
 
-    that.setElement(
-        Ox.SplitPanel({
+    self.$panel = Ox.SplitPanel({
             elements: [
                 {
                     element: self.$bar,
@@ -58,8 +62,9 @@ Ox.TabPanel = function(options, self) {
             ],
             orientation: 'vertical'
         })
-        .addClass('OxTabPanel')
-    );
+        .addClass('OxTabPanel');
+
+    that.setElement(self.$panel);
 
     function getContent() {
         return Ox.isObject(self.options.content)
@@ -74,6 +79,12 @@ Ox.TabPanel = function(options, self) {
         return (selected.length ? selected : self.options.tabs)[0].id;
     }
 
+    //@ reloadPanel <f> reload panel
+    that.reloadPanel = function() {
+        self.$panel.replaceElement(1, getContent());
+        return that;
+    };
+
     /*@
     select <f> select
         (id) -> <o>  select panel