[wpdParticipant]

My requirement says it should look like modal window and should close when clicked outside

[wpdParticipant]

Yes code works perfectly if jqxwindow is not modal
$(‘#jqxwindow’).jqxWindow({
theme: ‘energyblue’,
isModal: true
});
$(document).click(function(e) {
var container = $(‘#jqxwindow’);
if (!container.is(e.target) && container.has(e.target).length === 0) {
container.jqxWindow(‘close’);
}
});

it does not work with the above code

[wpdParticipant]

Hi,

I tried with the below code but did not help me

$(document).click(function (e)
{

var container = $(“#channelEditingWindow”);

if (!container.is(e.target)
&& container.has(e.target).length === 0)
{

$(‘#channelEditingWindow’).jqxWindow(‘close’);
}
});

Please let me know if i need to change any thing in above code

[wpdParticipant]

I have a code in the below format
<div id=’jqxwindow’>
<div>Header</div>
<div>Content</div>
</div>

$(‘#jqxwindow’).jqxWindow({
theme: ‘energyblue’,
isModal: true
});

so i want to close that window when user clicks outside of window

[wpdParticipant]

How can i know if user clicked on outside window?
how to attach it to my jqxWindow? do you have any working example or sample code?

[Author]

Posts