* @cfg {Boolean} animate default true
* @cfg {Boolean} allow_close default true
* @cfg {Boolean} fitwindow default false
+ * @cfg {Number} width fixed width - usefull for chrome extension only really.
+ * @cfg {Number} height fixed height - usefull for chrome extension only really.
* @cfg {String} size (sm|lg) default empty
* @cfg {Number} max_width set the max width of modal
+ * @cfg {Boolean} editable_title can the title be edited
+
*
*
* @constructor
* @param {Roo.EventObject} e
*/
"resize" : true,
- /**
- * @event close
- * Fire when the top 'x' close button is pressed.
+ /**
+ * @event titlechanged
+ * Fire when the editable title has been changed
* @param {Roo.bootstrap.Modal} this
* @param {Roo.EventObject} e
+ * @param {Roo.EventObject} value
*/
- "close" : true
+ "titlechanged" : true,
+
});
this.buttons = this.buttons || [];
max_height: 0,
fit_content: false,
+ editable_title : false,
onRender : function(ct, position)
{
getAutoCreate : function()
{
+ // we will default to modal-body-overflow - might need to remove or make optional later.
var bdy = {
- cls : 'modal-body',
+ cls : 'modal-body enable-modal-body-overflow ',
html : this.html || ''
};
this.closeEl.on('click', this.hide, this);
}
Roo.EventManager.onWindowResize(this.resize, this, true);
-
+ if (this.editable_title) {
+ this.headerEl.on('click', this.showHeaderInput, this);
+ }
},
!child_nodes ||
child_nodes.length == 0
) {
- return;
+ return 0;
}
var child_height = 0;
zIndex : 10001
});
+