animEl: 'elId'
});
</code></pre>
- * @singleton
+ * @static
*/
Roo.bootstrap.MessageBox = function(){
var dlg, opt, mask, waitTimer;
buttons["cancel"].hide();
buttons["yes"].hide();
buttons["no"].hide();
- //dlg.footer.dom.style.display = 'none';
+ dlg.footerEl.hide();
+
return width;
}
- dlg.footerEl.dom.style.display = '';
+ dlg.footerEl.show();
for(var k in buttons){
if(typeof buttons[k] != "function"){
if(b[k]){
//collapsible : false,
//shim:true,
//modal: true,
- // width:400,
+ // width: 'auto',
// height:100,
//buttonAlign:"center",
closeClick : function(){
progressEl.enableDisplayMode();
// This is supposed to be the progessElement.. but I think it's controlling the height of everything..
- //var pf = progressEl.dom.firstChild;
- //if (pf) {
- //pp = Roo.get(pf.firstChild);
- //pp.setHeight(pf.offsetHeight);
- //}
+ var pf = progressEl.dom.firstChild;
+ if (pf) {
+ pp = Roo.get(pf.firstChild);
+ pp.setHeight(pf.offsetHeight);
+ }
}
return dlg;
updateText : function(text)
{
if(!dlg.isVisible() && !opt.width){
- dlg.dialogEl.setWidth(this.maxWidth);
+ dlg.dialogEl.setStyle({ 'max-width' : this.maxWidth});
// dlg.resizeTo(this.maxWidth, 100); // forcing the height breaks long alerts()
}
msgEl.innerHTML = text || ' ';
if(text){
this.updateText(text);
}
+
if (pp) { // weird bug on my firefox - for some reason this is not defined
pp.setWidth(Math.floor(value*progressEl.dom.firstChild.offsetWidth));
+ pp.setHeight(Math.floor(progressEl.dom.firstChild.offsetHeight));
}
return this;
},
textareaEl.hide();
}
progressEl.setDisplayed(opt.progress === true);
+ if (opt.progress) {
+ d.animate = false; // do not animate progress, as it may not have finished animating before we close it..
+ }
this.updateProgress(0);
activeTextEl.dom.value = opt.value || "";
if(opt.prompt){