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

Question

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 want to add it myself to the second div that makes it bigger than the window. 

Is there any way to disable scroll bars in the jquery dialog box?

Any help is appreciated!!

Answer 1

Hello @kartik,

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
  }
});

Hope this work!!