BasicDialog and scrollbars

[martin]

In my BasicDialog I pull in content via:

var mgr = dialog.body.getUpdateManager();
mgr.update({url: 'lib/plugins/ui/ajax.php', params: {call: 'getHTML', page: encodeURI(link)}});

When the content gets too big for the dialog it just gets clipped off.
I tried it with a little css for the dialog body: .ydlg-bd{overflow:auto}
I also tried 'autoScroll' (I can't find much info in the documentation on this property) both true and false.

How can I add scrollbars to the dialog box when content get's too big?

Thanks...martin

[tryanDLS]

This works for me without doing anything unusual. Are you using the latest .33 release?

I have no additional CSS for my dialog and it works in both FF and IE. I tested this with a dialog config as simple as just width and height - all other values defaulted.

[martin]

My dialog below. I'm using the latest release * yui-ext 0.33


dialog = new YAHOO.ext.BasicDialog("main-dlg", {
autoCreate: true,
title:'Info',
modal:true,
autoTabs:true,
width:500,
height:300,
shadow:false,
minWidth:300,
minHeight:250,
proxyDrag: true,
fixedcenter: true
});
[/code]

[tryanDLS]

Does it make a difference if you don't use autocreate and just put a placeholder div in your HTML?

[jack.slocum]

autoTabs + autoScroll don't work together. Your tabs will need to be set to scroll. e.g. some css:

#main-dlg .yui-ext-tabbody {overflow:auto;}

or in script:

dialog.getTabs().bodyEl.setStyle('overflow', 'auto');