Currently jquery ui dialog is draggable only on the titlebar

What's the recommended way to make jquery ui dialog be draggable by the entire dialog instead of just the titlebar?

I just did

elem.dialog({draggable: false}).draggable()

Anything wrong with this?

Currently jquery ui dialog is draggable only on the titlebar

What's the recommended way to make jquery ui dialog be draggable by the entire dialog instead of just the titlebar?

I just did

elem.dialog({draggable: false}).draggable()

Anything wrong with this?

• javascript
• jquery
• jquery-ui
• draggable
• jquery-ui-dialog

• Could you be a bit more specific? Some html would be helpful. – dave Commented Jun 20, 2011 at 12:00
• I would assume it's using a handle for the draggable property. Perhaps there is a configuration setting for this which would make the whole item draggable. – ek_ny Commented Jun 20, 2011 at 12:09
• Does elem.dialog({draggable: false}).draggable() work? If so then I'd say that's the answer. – Town Commented Jun 20, 2011 at 12:11
• I wouldn't expect that to work - it would probably make the dialog's contents draggable within its dialog frame. – Alnitak Commented Jun 20, 2011 at 12:23

2 Answers 2

Well, elem.dialog({draggable: false}).draggable(); won't work, because as other answers have said, it's not the right element. However, this will work:

    elem.dialog({draggable: false}).parent().draggable();

I think it's a better option than fiddling with jquery internals.

Currently jQueryUI prevents the content from being draggable with this code:

self.uiDialog.draggable({
    cancel: ".ui-dialog-content, .ui-dialog-titlebar-close",
    handle: ".ui-dialog-titlebar",
     ...
});

So, to make the change you require you'll need to access that internal uiDialog object and change its settings.

If dlg is your dialog content object:

$(dlg).data('dialog').uiDialog.draggable('option', {
    cancel: '.ui-dialog-titlebar-close',
    handle: '.ui-dialog-titlebar, .ui-dialog-content'
})

will work.

Note that this is futzing with jQueryUI internals and may break if those internals are changed by future updates.