shown event addad fixes #7

src/containers/editable-container.js

@@ -54,8 +54,17 @@ Applied as jQuery method.
             .on({
                 save: $.proxy(this.save, this),
                 cancel: $.proxy(this.cancel, this),
-                show: $.proxy(this.setPosition, this),
-                rendering: $.proxy(this.setPosition, this)
+                show: $.proxy(this.setPosition, this), //re-position container every time form is shown (after loading state)
+                rendering: $.proxy(this.setPosition, this), //this allows to place container correctly when loading shown
+                rendered: $.proxy(function(){
+                    /**        
+                    Fired when container is shown and form is rendered (for select will wait for loading dropdown options)
+                    
+                    @event shown 
+                    @param {Object} event event object
+                    **/                      
+                    this.$element.triggerHandler('shown');
+                }, this) 
             });
             return this.$form;
         },        
@@ -94,7 +103,7 @@ Applied as jQuery method.
         @method hide()
         **/         
         hide: function() {
-            this.call('hide'); 
+            this.call('hide');
         },
 
         /*
@@ -110,7 +119,7 @@ Applied as jQuery method.
                 this.hide();
             }
             /**        
-            Fired when form was cancelled by user
+            Fired when form was cancelled
             
             @event cancel 
             @param {Object} event event object

src/containers/editable-inline.js

@@ -11,7 +11,7 @@
                  
         initContainer: function(){
             //no init for container
-            //only convert anim to miliseconds
+            //only convert anim to miliseconds (int)
             if(!this.options.anim) {
                 this.options.anim = 0;
             }         

src/containers/editable-popover.js

@@ -6,11 +6,6 @@
 (function ($) {
 
     //extend methods
-    /**
-    Container based on Bootstrap Popover
-
-    @class editableContainer (popover)
-    **/    
     $.extend($.fn.editableContainer.Constructor.prototype, {
         containerName: 'popover',
         innerCss: '.popover-content p',

src/containers/editable-tooltip.js

@@ -6,11 +6,6 @@
 (function ($) {
     
     //extend methods
-    /**
-    Container based on jQuery UI Tooltip
-
-    @class editableContainer (tooltip)
-    **/    
     $.extend($.fn.editableContainer.Constructor.prototype, {
         containerName: 'tooltip',
         innerCss: '.ui-tooltip-content',