Search code examples
javascriptjqueryjquery-uijquery-dialog

jquery dialog not showing scrollbars

I have this definition for the jquery dialog plugin:

$("#DonateForm").dialog({
    modal: true,
    autoOpen: false,
    minWidth: 600,
    maxWidth: 700,
    minHeight: 250,
    maxHeight: 350,
    resizable: true
});

I have a complicated DIV form like:

<div id="DonateForm">
  <div id="DonateFormInner">
    .. Complex form ..
  </div>
</div>

But for some reason, the plugin doesn't scroll... any idea why?

Solution

  • The minXXX, maxXXX settings define the minimum and maximum width and height values that the dialog can be resized to. You can define a starting width and height when creating the dialog and the scroll bar will appear when the dialog is initially rendered.