0

How? I have cascading dropdowns, I want them to be un-clickable while the panel is updating (or at least appear to be).

Preferably using jQuery, Hide UpdatePanel during UpdateProgress was how I was thinking it would work but I don't know how to begin the function. 

$("#imgID").closest('div').hide()  ?

Edit: Even better would be if instead of hiding the dropdowns, they are just covered in semi-transparent grey while the gif does its thing over them.

Community
  • 1
  • 1
ScottieB
  • 3,958
  • 6
  • 42
  • 60

2 Answers2

0

i use this it's call BlockUI it's use JQuery and very easy to use.
you can catch an Update on UpdatePanel and use it.

Have a nice programming.

hackp0int
  • 4,052
  • 8
  • 59
  • 95
0

You could use UpdateProgress and link it to your Update Panel, everytime a Ajax postback is detected the UpdateProgress is shown, with CSS you could overlay this over all or some elemets on the page and set the opacity so its slightly see through.

Neil Hodges
  • 127
  • 2
  • 6
  • 15
  • adding the following to in works, but the div is only as big as the image:
    any ideas on how to expand the size since setting 'height' doesn't seem to have any effect?
     – ScottieB Dec 28 '11 at 15:50
  • spaces between numbers and "px" are cursed things got it, thanks – ScottieB Dec 28 '11 at 16:15