Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

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

Posted on 2008-06-17
6
1,766 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
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

I recently went through the process of creating a Calendar Control of events with the basis of using a database to keep track of the dates that are selectable, one requirement was to have the selected date pop-up in a simple lightbox.  At first this…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.
Although Jacob Bernoulli (1654-1705) has been credited as the creator of "Binomial Distribution Table", Gottfried Leibniz (1646-1716) did his dissertation on the subject in 1666; Leibniz you may recall is the co-inventor of "Calculus" and beat Isaac…

808 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