Search code examples
jquerydialogsimplemodal

how to re size the simple modal dialog

I am trying to make the ericmmartin simplemodal dialog wider and taller. My requirement is that the dialog will display scroll bars if the content is long, which it does using the out of the box settings.

If I alter the css example given : #simplemodal-container {height:360px; width:600px; to say width:700px; the content just overflows the dialog downwards.

If I try setting the width in the on click call, as in Eric's examples: $("#sample").modal({ minHeight:400, minWidth: 600 });

(http://www.ericmmartin.com/projects/simplemodal/) nothing changes. Any ideas please? Ideally I wouls like the modal to always present a vertical scroll bar if the content is longer than say 500px.

Solution

  • set the modal height and width to auto so that the modal doesn't display scroll bars and automatically gets resized according to the content in it.

    EDIT

    Let the modal have a fixed height and a set the css property of overflow:scroll