Home/ Questions/Q 4608518
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T00:51:23+00:00

By default, jQueryUI Dialog will automatically append a widget element and a widget overlay

  • 0

By default, jQueryUI Dialog will automatically append a widget element and a widget overlay element (if using modal:true) into the <body> tag.

My question is: can we set jQueryUI dialog to append its widget element and overlay widget into another element instead of the <body> tag?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There isn’t a built-in option to do this, but I’ve had success moving around elements when the dialog is opened:

    $("#dialog").dialog({
    modal: true,
    open: function () {
        $(this).dialog("widget").appendTo("#content");
        $(".ui-widget-overlay").appendTo("#content");
    }
});

    Here’s a working example: http://jsfiddle.net/peMGg/

    • 0