How can you disable scroll bars in the jQuery UI dialog box?

Question

Does anyone know if there is a way to disable scroll bars in the jquery dialog box? The content that I have in the div is 300 px but the dialog is set to 200px. It automatically puts the scrollbars but I do not want them. I will add it myself to the second div that makes it bigger than the window. Any help is appreciated.

Answer 1

I solved the problem like this:

.dialog({   title: $(this).attr("data-dialog-title"),   closeOnEscape: true,   close: function () { $(this).remove() },   draggable: true,   position: 'center',   width: 500,   height: 'auto',   modal: true,   open: function (event, ui) {     $('#myDialogId').css('overflow', 'hidden'); //this line does the actual hiding   } });