Not able to Block my main screen on Dialog Open

[Deepika15]

I am creating a dialog using below code : $("#div1").dialog({

autoOpen: false, closeOnEscape: true,

draggable: true, position: 'center', resizable: false, width: 700, height: 450,zIndex: 1000,

dialogClass: 'ui-dialog-grey',fluid: true, show: "fadein",

hide: "fadeout", modal: true

}).css("background", "#E6E6E6");

Script Used : jquery-1.9.1.min.js and jquery-ui-1.10.3.min.js

But when Dialog opens up ,Main screen is still clickable and visible as normal .

Also i need a X button on top right corner ,but currently its coming as CLOSE button on top left corner

[Scott González]

Sounds like you're not including the CSS. You're also using options that don't exist (zIndex, fluid) and invalid values (fadein vs. fadeIn). Use the forums, IRC, or Stack Overflow for help.