Modal Page

[rpc86]

Hi guys,

Maybe some of you have answer for this. How to create a modal page ?
Say I have a default.aspx and within this page I have a "Find" button.
I do also have "Find.aspx" with a label and a textbox plus a gridview.
What I need is when I click "Find" button, the Find.aspx will show up and the hosting
page is greyed and cannot be used, only the "Find.aspx" page.
Just like in vb6, it has vbmodal.

I tried response.redirect the "Find.aspx" but the problem is the hosting page.
It forgets/resets all the fields values.

I am using ASP.Net 4 / VS 2010

Please help me with this.

Many thanks.

[jmcilhinney]

You should probably look into using the jQuery Dialog:

http://jqueryui.com/dialog/

It allows a div in your page to behave much like a modal dialogue in a Windows app.

[rpc86]

Hi,

Ok thank you for your quick reply. I'll give a try on jQuery.

[SeanGrebey]

Hi,

Ok thank you for your quick reply. I'll give a try on jQuery.

The AJAX toolkit has one too, but, well, the toolkit blows all around...

[sapator]

You can use the ModalPopupExtender that i think Sean is implying. It's stable IMO, one of the useful things Ajax has.

[rpc86]

Hi,

Ok. I have installed AJAX Control Toolkit for ASP.Net 4. I tried following the given samples for ModalPopupExtender but what I notice is the host page still active, not greyed. I've seen other web pages that after clicking the Find button, a new web page appears and the host page is disabled. But this one is not.

[MattP]

Have you set the BackgroundCssClass property of the ModalPopupExtender?

Something like:

.popupBackground {
	height: 100%;
	overflow: scroll;
	background-color: #C0C0C0;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

I would like to say that I prefer John's suggestion of using jQuery's dialog though.