Added ability to set container page titles for widget multicontainer

IPython/html/static/notebook/js/widgets/multicontainer.js

@@ -11,19 +11,15 b' require(["notebook/js/widget"], function(){'
         },
         
         update: function() {
-            // TODO: Set tab titles
+            // Set tab titles
+            var titles = this.model.get('_titles');
+            for (var page_index in titles) {
+                var accordian_toggle = this.containers[page_index]
+                    .find('.accordion-heading')
+                    .find('.accordion-toggle');
+                accordian_toggle.html(titles[page_index]);
+            }
 
-            // // Apply flexible box model properties by adding and removing
-            // // corrosponding CSS classes.
-            // // Defined in IPython/html/static/base/less/flexbox.less
-            // var flex_properties = ['vbox', 'hbox', 'center', 'end', 'center'];
-            // for (var index in flex_properties) {
-            //     if (this.model.get('_' + flex_properties[index])) {
-            //         this.$el.addClass(flex_properties[index]);
-            //     } else {
-            //         this.$el.removeClass(flex_properties[index]);
-            //     }    
-            // }
             return IPython.WidgetView.prototype.update.call(this);
         },
 
@@ -45,7 +41,7 b' require(["notebook/js/widget"], function(){'
                 .html('Page ' + index)
                 .appendTo(accordion_heading);
             var accordion_body = $('<div />', {id: uuid})
-                .addClass('accordion-body collapse in')
+                .addClass('accordion-body collapse')
                 .appendTo(accordion_group);
             var accordion_inner = $('<div />')
                 .addClass('accordion-inner')

IPython/html/widgets/widget_multicontainer.py

@@ -15,7 +15,7 b' pages.'
 # Imports
 #-----------------------------------------------------------------------------
 from widget import Widget
-from IPython.utils.traitlets import Unicode
+from IPython.utils.traitlets import Unicode, Dict
 
 #-----------------------------------------------------------------------------
 # Classes
@@ -23,3 +23,33 b' from IPython.utils.traitlets import Unicode'
 class MulticontainerWidget(Widget):
     target_name = Unicode('MulticontainerWidgetModel')
     default_view_name = Unicode('AccordionView')
+
+    # Keys
+    _keys = ['_titles']
+    _titles = Dict(help="Titles of the pages")
+
+    # Public methods
+    def set_title(self, index, title):
+        """Sets the title of a container pages
+
+        Parameters
+        ----------
+        index : int
+            Index of the container page
+        title : unicode
+            New title"""
+        self._titles[index] = title
+        self.send_state('_titles')
+
+
+    def get_title(self, index):
+        """Gets the title of a container pages
+
+        Parameters
+        ----------
+        index : int
+            Index of the container page"""
+        if index in self._titles:
+            return self._titles[index]
+        else:
+            return None