CODEWITHSUNDEEP
jqueryjquery-uimodal-dialog
Amc_rtty
Amc_rtty

Reputation: 3803

jQuery UI Modal Dialog window without overlay

Ive been experimenting with the jQuery UI Modal Dialog, it seems very nice, however not quite what I need - is there a possibility to open the dialog without having the gray overlay that disables the background? Something like this:

http://demos.kendoui.com/web/window/index.html (but telerik are expensive, for now I need something open source)

Thanks,

Upvotes: 2

Views: 7129

Answers (3)

James-Jesse Drinkard
James-Jesse Drinkard

Reputation: 15703

The easiest way I know is this:

$( ".selector" ).dialog({ modal: true }); // with the overaly

$( ".selector" ).dialog({ }); //without the overlay

Upvotes: 0

gotqn
gotqn

Reputation: 43626

Yes, it is possible and you should have not face such issue as this is the default behavior of the dialog:

modalType: Boolean

Default: false

If set to true, the dialog will have modal behavior; other items on the page will be disabled, i.e., cannot be interacted with. Modal dialogs create an overlay below the dialog but above other page elements.

Try setting modalType to false.

EDIT:

The modalType is renamed to modal only in jQuery UI 1.10.

Upvotes: 3

Irvin Dominin
Irvin Dominin

Reputation: 30993

If you want to mantain the modal functionality you can change the background overlaying style by customizing the .ui-widget-overlay class into the jqueryui css or using themeroller too, section Modal Screen for overlays.

If you don't want the modal feature just change the modalType attribute.

Upvotes: 2

Related Questions