Solved

'Grayed out' screen effect with ASP.NET, C#

Posted on 2008-06-17
6
1,763 Views
Last Modified: 2010-04-21
I have a page with various bits of information displayed from a database. When a user clicks on one of the pieces of data, I'd like to display a box allowing them to select a new value for that field, with an effect similar to a pop-up window, without actually popping up a new window. How would I go about graying out the existing page (semi-transparently) and displaying a box with new value choices in it, and then removing the grayed out effect after the 'popup' layer closes?

If someone has sample code that would be most useful, but any tips would be great.

Using VS 2008, C#, ASP.NET.
0
Comment
Question by:jimstar
  • 2
  • 2
  • 2
6 Comments
 
LVL 43

Expert Comment

by:TimCottee
ID: 21803113
Hello jimstar,

Have a look at the window control from obout: http://obout.com/window 

Whilst you could do all this yourself, this is a nice cross-browser control that makes life easy.

Regards,

TimCottee
0
 
LVL 33

Accepted Solution

by:
raterus earned 300 total points
ID: 21803270
There is also a free control, "ModalPopup" in the ASP.Net AJAX Control Toolkit that does this:

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx
0
 
LVL 4

Author Comment

by:jimstar
ID: 21803455
Hi TimCottee, thanks for the response. I do like the control, but it doesn't appear to disable/gray out the background page - users can still interact with the page. Perhaps I'm missing an option though.

Raterus, thanks also for your reply. I've been confused about the AJAX library on that site... if I am using VS 2008 (which has built-in AJAX support and controls) plus .NET framework 3.5, doesn't that supersede the control toolkit on that site? There's not a good explanation of how their control toolkit works with, or is superseded by, the various frameworks. Any help understanding this would be great.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 43

Assisted Solution

by:TimCottee
TimCottee earned 200 total points
ID: 21803568
jimstar,

You need to look at the Dialog bit rather than the straight window. http://www.obout.com/window/example_Dialog_clientupdate.aspx for example.

TimCottee
0
 
LVL 33

Expert Comment

by:raterus
ID: 21803681
The control toolkit can work along side of the built-in functionality, you can mix elements in a page if you needed to.  You actually don't need to worry about how the built-in features work to work with this, just follow the example in the toolkit.
0
 
LVL 4

Author Closing Comment

by:jimstar
ID: 31467953
Both solutions were perfectly good; for my purposes the MS control was a little better. 200/300 split. Thanks.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CheckboxList Object reference not set to an instance of an object. 16 33
ASP.NET Web API or ASP.NET Core MVC? 3 52
Entity Framework 7 32
Gridview alignment 1 10
User art_snob (http://www.experts-exchange.com/M_6114203.html) encountered strange behavior of Android Web browser on his Mobile Web site. It took a while to find the true cause. It happens so, that the Android Web browser (at least up to OS ver. 2.…
Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
Internet Business Fax to Email Made Easy - With eFax Corporate (http://www.enterprise.efax.com), you'll receive a dedicated online fax number, which is used the same way as a typical analog fax number. You'll receive secure faxes in your email, fr…
Both in life and business – not all partnerships are created equal. As the demand for cloud services increases, so do the number of self-proclaimed cloud partners. Asking the right questions up front in the partnership, will enable both parties …

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now