Solved

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

Posted on 2008-06-17
6
1,770 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
[X]
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
  • 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
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

 
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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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…
It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
Finds all prime numbers in a range requested and places them in a public primes() array. I've demostrated a template size of 30 (2 * 3 * 5) but larger templates can be built such 210  (2 * 3 * 5 * 7) or 2310  (2 * 3 * 5 * 7 * 11). The larger templa…
I've attached the XLSM Excel spreadsheet I used in the video and also text files containing the macros used below. https://filedb.experts-exchange.com/incoming/2017/03_w12/1151775/Permutations.txt https://filedb.experts-exchange.com/incoming/201…

710 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